.weglot-flags.flag-3.wg-af>a:before,.weglot-flags.flag-3.wg-af>span:before{background-image:url(https://cdn.weglot.com/flags/circle/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-af>a:before,.weglot-flags.flag-2.wg-af>span:before{background-image:url(https://cdn.weglot.com/flags/square/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-af>a:before,.weglot-flags.flag-1.wg-af>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-af>a:before,.weglot-flags.flag-0.wg-af>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-xh>a:before,.weglot-flags.flag-3.wg-xh>span:before{background-image:url(https://cdn.weglot.com/flags/circle/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-xh>a:before,.weglot-flags.flag-2.wg-xh>span:before{background-image:url(https://cdn.weglot.com/flags/square/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-xh>a:before,.weglot-flags.flag-1.wg-xh>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-xh>a:before,.weglot-flags.flag-0.wg-xh>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-zu>a:before,.weglot-flags.flag-3.wg-zu>span:before{background-image:url(https://cdn.weglot.com/flags/circle/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-zu>a:before,.weglot-flags.flag-2.wg-zu>span:before{background-image:url(https://cdn.weglot.com/flags/square/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-zu>a:before,.weglot-flags.flag-1.wg-zu>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-zu>a:before,.weglot-flags.flag-0.wg-zu>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-am>a:before,.weglot-flags.flag-3.wg-am>span:before{background-image:url(https://cdn.weglot.com/flags/circle/et.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-am>a:before,.weglot-flags.flag-2.wg-am>span:before{background-image:url(https://cdn.weglot.com/flags/square/et.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-am>a:before,.weglot-flags.flag-1.wg-am>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/et.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-am>a:before,.weglot-flags.flag-0.wg-am>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/et.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ar>a:before,.weglot-flags.flag-3.wg-ar>span:before{background-image:url(https://cdn.weglot.com/flags/circle/sa.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ar>a:before,.weglot-flags.flag-2.wg-ar>span:before{background-image:url(https://cdn.weglot.com/flags/square/sa.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ar>a:before,.weglot-flags.flag-1.wg-ar>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/sa.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ar>a:before,.weglot-flags.flag-0.wg-ar>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/sa.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-az>a:before,.weglot-flags.flag-3.wg-az>span:before{background-image:url(https://cdn.weglot.com/flags/circle/az.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-az>a:before,.weglot-flags.flag-2.wg-az>span:before{background-image:url(https://cdn.weglot.com/flags/square/az.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-az>a:before,.weglot-flags.flag-1.wg-az>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/az.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-az>a:before,.weglot-flags.flag-0.wg-az>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/az.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ba>a:before,.weglot-flags.flag-3.wg-ba>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ru.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ba>a:before,.weglot-flags.flag-2.wg-ba>span:before{background-image:url(https://cdn.weglot.com/flags/square/ru.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ba>a:before,.weglot-flags.flag-1.wg-ba>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ru.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ba>a:before,.weglot-flags.flag-0.wg-ba>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ru.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ru>a:before,.weglot-flags.flag-3.wg-ru>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ru.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ru>a:before,.weglot-flags.flag-2.wg-ru>span:before{background-image:url(https://cdn.weglot.com/flags/square/ru.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ru>a:before,.weglot-flags.flag-1.wg-ru>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ru.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ru>a:before,.weglot-flags.flag-0.wg-ru>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ru.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-be>a:before,.weglot-flags.flag-3.wg-be>span:before{background-image:url(https://cdn.weglot.com/flags/circle/by.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-be>a:before,.weglot-flags.flag-2.wg-be>span:before{background-image:url(https://cdn.weglot.com/flags/square/by.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-be>a:before,.weglot-flags.flag-1.wg-be>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/by.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-be>a:before,.weglot-flags.flag-0.wg-be>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/by.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-bg>a:before,.weglot-flags.flag-3.wg-bg>span:before{background-image:url(https://cdn.weglot.com/flags/circle/bg.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-bg>a:before,.weglot-flags.flag-2.wg-bg>span:before{background-image:url(https://cdn.weglot.com/flags/square/bg.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-bg>a:before,.weglot-flags.flag-1.wg-bg>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/bg.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-bg>a:before,.weglot-flags.flag-0.wg-bg>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/bg.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-bn>a:before,.weglot-flags.flag-3.wg-bn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/bd.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-bn>a:before,.weglot-flags.flag-2.wg-bn>span:before{background-image:url(https://cdn.weglot.com/flags/square/bd.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-bn>a:before,.weglot-flags.flag-1.wg-bn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/bd.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-bn>a:before,.weglot-flags.flag-0.wg-bn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/bd.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-br>a:before,.weglot-flags.flag-3.wg-br>span:before{background-image:url(https://cdn.weglot.com/flags/circle/br.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-br>a:before,.weglot-flags.flag-2.wg-br>span:before{background-image:url(https://cdn.weglot.com/flags/square/br.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-br>a:before,.weglot-flags.flag-1.wg-br>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/br.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-br>a:before,.weglot-flags.flag-0.wg-br>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/br.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-pt-br>a:before,.weglot-flags.flag-3.wg-pt-br>span:before{background-image:url(https://cdn.weglot.com/flags/circle/br.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-pt-br>a:before,.weglot-flags.flag-2.wg-pt-br>span:before{background-image:url(https://cdn.weglot.com/flags/square/br.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-pt-br>a:before,.weglot-flags.flag-1.wg-pt-br>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/br.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-pt-br>a:before,.weglot-flags.flag-0.wg-pt-br>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/br.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-bs>a:before,.weglot-flags.flag-3.wg-bs>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ba.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-bs>a:before,.weglot-flags.flag-2.wg-bs>span:before{background-image:url(https://cdn.weglot.com/flags/square/ba.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-bs>a:before,.weglot-flags.flag-1.wg-bs>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ba.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-bs>a:before,.weglot-flags.flag-0.wg-bs>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ba.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ca>a:before,.weglot-flags.flag-3.wg-ca>span:before{background-image:url(https://cdn.weglot.com/flags/circle/es-ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ca>a:before,.weglot-flags.flag-2.wg-ca>span:before{background-image:url(https://cdn.weglot.com/flags/square/es-ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ca>a:before,.weglot-flags.flag-1.wg-ca>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/es-ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ca>a:before,.weglot-flags.flag-0.wg-ca>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/es-ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-co>a:before,.weglot-flags.flag-3.wg-co>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fr-co.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-co>a:before,.weglot-flags.flag-2.wg-co>span:before{background-image:url(https://cdn.weglot.com/flags/square/fr-co.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-co>a:before,.weglot-flags.flag-1.wg-co>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fr-co.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-co>a:before,.weglot-flags.flag-0.wg-co>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fr-co.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-cs>a:before,.weglot-flags.flag-3.wg-cs>span:before{background-image:url(https://cdn.weglot.com/flags/circle/cz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-cs>a:before,.weglot-flags.flag-2.wg-cs>span:before{background-image:url(https://cdn.weglot.com/flags/square/cz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-cs>a:before,.weglot-flags.flag-1.wg-cs>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/cz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-cs>a:before,.weglot-flags.flag-0.wg-cs>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/cz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-cy>a:before,.weglot-flags.flag-3.wg-cy>span:before{background-image:url(https://cdn.weglot.com/flags/circle/gb-wls.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-cy>a:before,.weglot-flags.flag-2.wg-cy>span:before{background-image:url(https://cdn.weglot.com/flags/square/gb-wls.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-cy>a:before,.weglot-flags.flag-1.wg-cy>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/gb-wls.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-cy>a:before,.weglot-flags.flag-0.wg-cy>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/gb-wls.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-da>a:before,.weglot-flags.flag-3.wg-da>span:before{background-image:url(https://cdn.weglot.com/flags/circle/dk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-da>a:before,.weglot-flags.flag-2.wg-da>span:before{background-image:url(https://cdn.weglot.com/flags/square/dk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-da>a:before,.weglot-flags.flag-1.wg-da>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/dk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-da>a:before,.weglot-flags.flag-0.wg-da>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/dk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-de>a:before,.weglot-flags.flag-3.wg-de>span:before{background-image:url(https://cdn.weglot.com/flags/circle/de.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-de>a:before,.weglot-flags.flag-2.wg-de>span:before{background-image:url(https://cdn.weglot.com/flags/square/de.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-de>a:before,.weglot-flags.flag-1.wg-de>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/de.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-de>a:before,.weglot-flags.flag-0.wg-de>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/de.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-el>a:before,.weglot-flags.flag-3.wg-el>span:before{background-image:url(https://cdn.weglot.com/flags/circle/gr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-el>a:before,.weglot-flags.flag-2.wg-el>span:before{background-image:url(https://cdn.weglot.com/flags/square/gr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-el>a:before,.weglot-flags.flag-1.wg-el>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/gr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-el>a:before,.weglot-flags.flag-0.wg-el>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/gr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-en>a:before,.weglot-flags.flag-3.wg-en>span:before{background-image:url(https://cdn.weglot.com/flags/circle/gb.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-en>a:before,.weglot-flags.flag-2.wg-en>span:before{background-image:url(https://cdn.weglot.com/flags/square/gb.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-en>a:before,.weglot-flags.flag-1.wg-en>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/gb.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-en>a:before,.weglot-flags.flag-0.wg-en>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/gb.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-eo>a:before,.weglot-flags.flag-3.wg-eo>span:before{background-image:url(https://cdn.weglot.com/flags/circle/eo.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-eo>a:before,.weglot-flags.flag-2.wg-eo>span:before{background-image:url(https://cdn.weglot.com/flags/square/eo.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-eo>a:before,.weglot-flags.flag-1.wg-eo>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/eo.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-eo>a:before,.weglot-flags.flag-0.wg-eo>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/eo.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-es>a:before,.weglot-flags.flag-3.wg-es>span:before{background-image:url(https://cdn.weglot.com/flags/circle/es.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-es>a:before,.weglot-flags.flag-2.wg-es>span:before{background-image:url(https://cdn.weglot.com/flags/square/es.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-es>a:before,.weglot-flags.flag-1.wg-es>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/es.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-es>a:before,.weglot-flags.flag-0.wg-es>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/es.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-et>a:before,.weglot-flags.flag-3.wg-et>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ee.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-et>a:before,.weglot-flags.flag-2.wg-et>span:before{background-image:url(https://cdn.weglot.com/flags/square/ee.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-et>a:before,.weglot-flags.flag-1.wg-et>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ee.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-et>a:before,.weglot-flags.flag-0.wg-et>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ee.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-eu>a:before,.weglot-flags.flag-3.wg-eu>span:before{background-image:url(https://cdn.weglot.com/flags/circle/es-pv.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-eu>a:before,.weglot-flags.flag-2.wg-eu>span:before{background-image:url(https://cdn.weglot.com/flags/square/es-pv.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-eu>a:before,.weglot-flags.flag-1.wg-eu>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/es-pv.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-eu>a:before,.weglot-flags.flag-0.wg-eu>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/es-pv.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fa>a:before,.weglot-flags.flag-3.wg-fa>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ir.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fa>a:before,.weglot-flags.flag-2.wg-fa>span:before{background-image:url(https://cdn.weglot.com/flags/square/ir.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fa>a:before,.weglot-flags.flag-1.wg-fa>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ir.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fa>a:before,.weglot-flags.flag-0.wg-fa>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ir.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fi>a:before,.weglot-flags.flag-3.wg-fi>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fi.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fi>a:before,.weglot-flags.flag-2.wg-fi>span:before{background-image:url(https://cdn.weglot.com/flags/square/fi.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fi>a:before,.weglot-flags.flag-1.wg-fi>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fi.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fi>a:before,.weglot-flags.flag-0.wg-fi>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fi.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fj>a:before,.weglot-flags.flag-3.wg-fj>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fj.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fj>a:before,.weglot-flags.flag-2.wg-fj>span:before{background-image:url(https://cdn.weglot.com/flags/square/fj.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fj>a:before,.weglot-flags.flag-1.wg-fj>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fj.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fj>a:before,.weglot-flags.flag-0.wg-fj>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fj.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-cb>a:before,.weglot-flags.flag-3.wg-cb>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-cb>a:before,.weglot-flags.flag-2.wg-cb>span:before{background-image:url(https://cdn.weglot.com/flags/square/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-cb>a:before,.weglot-flags.flag-1.wg-cb>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-cb>a:before,.weglot-flags.flag-0.wg-cb>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ceb>a:before,.weglot-flags.flag-3.wg-ceb>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ceb>a:before,.weglot-flags.flag-2.wg-ceb>span:before{background-image:url(https://cdn.weglot.com/flags/square/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ceb>a:before,.weglot-flags.flag-1.wg-ceb>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ceb>a:before,.weglot-flags.flag-0.wg-ceb>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fl>a:before,.weglot-flags.flag-3.wg-fl>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fl>a:before,.weglot-flags.flag-2.wg-fl>span:before{background-image:url(https://cdn.weglot.com/flags/square/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fl>a:before,.weglot-flags.flag-1.wg-fl>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fl>a:before,.weglot-flags.flag-0.wg-fl>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fr>a:before,.weglot-flags.flag-3.wg-fr>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fr>a:before,.weglot-flags.flag-2.wg-fr>span:before{background-image:url(https://cdn.weglot.com/flags/square/fr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fr>a:before,.weglot-flags.flag-1.wg-fr>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fr>a:before,.weglot-flags.flag-0.wg-fr>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fy>a:before,.weglot-flags.flag-3.wg-fy>span:before{background-image:url(https://cdn.weglot.com/flags/circle/nl.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fy>a:before,.weglot-flags.flag-2.wg-fy>span:before{background-image:url(https://cdn.weglot.com/flags/square/nl.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fy>a:before,.weglot-flags.flag-1.wg-fy>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/nl.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fy>a:before,.weglot-flags.flag-0.wg-fy>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/nl.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-nl>a:before,.weglot-flags.flag-3.wg-nl>span:before{background-image:url(https://cdn.weglot.com/flags/circle/nl.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-nl>a:before,.weglot-flags.flag-2.wg-nl>span:before{background-image:url(https://cdn.weglot.com/flags/square/nl.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-nl>a:before,.weglot-flags.flag-1.wg-nl>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/nl.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-nl>a:before,.weglot-flags.flag-0.wg-nl>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/nl.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ga>a:before,.weglot-flags.flag-3.wg-ga>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ie.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ga>a:before,.weglot-flags.flag-2.wg-ga>span:before{background-image:url(https://cdn.weglot.com/flags/square/ie.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ga>a:before,.weglot-flags.flag-1.wg-ga>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ie.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ga>a:before,.weglot-flags.flag-0.wg-ga>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ie.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-gd>a:before,.weglot-flags.flag-3.wg-gd>span:before{background-image:url(https://cdn.weglot.com/flags/circle/gb-sct.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-gd>a:before,.weglot-flags.flag-2.wg-gd>span:before{background-image:url(https://cdn.weglot.com/flags/square/gb-sct.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-gd>a:before,.weglot-flags.flag-1.wg-gd>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/gb-sct.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-gd>a:before,.weglot-flags.flag-0.wg-gd>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/gb-sct.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-gl>a:before,.weglot-flags.flag-3.wg-gl>span:before{background-image:url(https://cdn.weglot.com/flags/circle/es-ga.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-gl>a:before,.weglot-flags.flag-2.wg-gl>span:before{background-image:url(https://cdn.weglot.com/flags/square/es-ga.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-gl>a:before,.weglot-flags.flag-1.wg-gl>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/es-ga.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-gl>a:before,.weglot-flags.flag-0.wg-gl>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/es-ga.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-as>a:before,.weglot-flags.flag-3.wg-as>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-as>a:before,.weglot-flags.flag-2.wg-as>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-as>a:before,.weglot-flags.flag-1.wg-as>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-as>a:before,.weglot-flags.flag-0.wg-as>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-gu>a:before,.weglot-flags.flag-3.wg-gu>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-gu>a:before,.weglot-flags.flag-2.wg-gu>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-gu>a:before,.weglot-flags.flag-1.wg-gu>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-gu>a:before,.weglot-flags.flag-0.wg-gu>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hi>a:before,.weglot-flags.flag-3.wg-hi>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hi>a:before,.weglot-flags.flag-2.wg-hi>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hi>a:before,.weglot-flags.flag-1.wg-hi>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hi>a:before,.weglot-flags.flag-0.wg-hi>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-kn>a:before,.weglot-flags.flag-3.wg-kn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-kn>a:before,.weglot-flags.flag-2.wg-kn>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-kn>a:before,.weglot-flags.flag-1.wg-kn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-kn>a:before,.weglot-flags.flag-0.wg-kn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ml>a:before,.weglot-flags.flag-3.wg-ml>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ml>a:before,.weglot-flags.flag-2.wg-ml>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ml>a:before,.weglot-flags.flag-1.wg-ml>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ml>a:before,.weglot-flags.flag-0.wg-ml>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mr>a:before,.weglot-flags.flag-3.wg-mr>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mr>a:before,.weglot-flags.flag-2.wg-mr>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mr>a:before,.weglot-flags.flag-1.wg-mr>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mr>a:before,.weglot-flags.flag-0.wg-mr>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-or>a:before,.weglot-flags.flag-3.wg-or>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-or>a:before,.weglot-flags.flag-2.wg-or>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-or>a:before,.weglot-flags.flag-1.wg-or>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-or>a:before,.weglot-flags.flag-0.wg-or>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-pa>a:before,.weglot-flags.flag-3.wg-pa>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-pa>a:before,.weglot-flags.flag-2.wg-pa>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-pa>a:before,.weglot-flags.flag-1.wg-pa>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-pa>a:before,.weglot-flags.flag-0.wg-pa>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ta>a:before,.weglot-flags.flag-3.wg-ta>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ta>a:before,.weglot-flags.flag-2.wg-ta>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ta>a:before,.weglot-flags.flag-1.wg-ta>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ta>a:before,.weglot-flags.flag-0.wg-ta>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-te>a:before,.weglot-flags.flag-3.wg-te>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-te>a:before,.weglot-flags.flag-2.wg-te>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-te>a:before,.weglot-flags.flag-1.wg-te>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-te>a:before,.weglot-flags.flag-0.wg-te>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-tl>a:before,.weglot-flags.flag-3.wg-tl>span:before{background-image:url(https://cdn.weglot.com/flags/circle/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-tl>a:before,.weglot-flags.flag-2.wg-tl>span:before{background-image:url(https://cdn.weglot.com/flags/square/in.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-tl>a:before,.weglot-flags.flag-1.wg-tl>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-tl>a:before,.weglot-flags.flag-0.wg-tl>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/in.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ha>a:before,.weglot-flags.flag-3.wg-ha>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ne.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ha>a:before,.weglot-flags.flag-2.wg-ha>span:before{background-image:url(https://cdn.weglot.com/flags/square/ne.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ha>a:before,.weglot-flags.flag-1.wg-ha>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ne.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ha>a:before,.weglot-flags.flag-0.wg-ha>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ne.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ig>a:before,.weglot-flags.flag-3.wg-ig>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ne.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ig>a:before,.weglot-flags.flag-2.wg-ig>span:before{background-image:url(https://cdn.weglot.com/flags/square/ne.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ig>a:before,.weglot-flags.flag-1.wg-ig>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ne.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ig>a:before,.weglot-flags.flag-0.wg-ig>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ne.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-he>a:before,.weglot-flags.flag-3.wg-he>span:before{background-image:url(https://cdn.weglot.com/flags/circle/il.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-he>a:before,.weglot-flags.flag-2.wg-he>span:before{background-image:url(https://cdn.weglot.com/flags/square/il.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-he>a:before,.weglot-flags.flag-1.wg-he>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/il.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-he>a:before,.weglot-flags.flag-0.wg-he>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/il.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-yi>a:before,.weglot-flags.flag-3.wg-yi>span:before{background-image:url(https://cdn.weglot.com/flags/circle/il.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-yi>a:before,.weglot-flags.flag-2.wg-yi>span:before{background-image:url(https://cdn.weglot.com/flags/square/il.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-yi>a:before,.weglot-flags.flag-1.wg-yi>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/il.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-yi>a:before,.weglot-flags.flag-0.wg-yi>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/il.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hr>a:before,.weglot-flags.flag-3.wg-hr>span:before{background-image:url(https://cdn.weglot.com/flags/circle/hr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hr>a:before,.weglot-flags.flag-2.wg-hr>span:before{background-image:url(https://cdn.weglot.com/flags/square/hr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hr>a:before,.weglot-flags.flag-1.wg-hr>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/hr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hr>a:before,.weglot-flags.flag-0.wg-hr>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/hr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ht>a:before,.weglot-flags.flag-3.wg-ht>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ht.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ht>a:before,.weglot-flags.flag-2.wg-ht>span:before{background-image:url(https://cdn.weglot.com/flags/square/ht.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ht>a:before,.weglot-flags.flag-1.wg-ht>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ht.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ht>a:before,.weglot-flags.flag-0.wg-ht>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ht.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hu>a:before,.weglot-flags.flag-3.wg-hu>span:before{background-image:url(https://cdn.weglot.com/flags/circle/hu.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hu>a:before,.weglot-flags.flag-2.wg-hu>span:before{background-image:url(https://cdn.weglot.com/flags/square/hu.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hu>a:before,.weglot-flags.flag-1.wg-hu>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/hu.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hu>a:before,.weglot-flags.flag-0.wg-hu>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/hu.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hw>a:before,.weglot-flags.flag-3.wg-hw>span:before{background-image:url(https://cdn.weglot.com/flags/circle/hw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hw>a:before,.weglot-flags.flag-2.wg-hw>span:before{background-image:url(https://cdn.weglot.com/flags/square/hw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hw>a:before,.weglot-flags.flag-1.wg-hw>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/hw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hw>a:before,.weglot-flags.flag-0.wg-hw>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/hw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hy>a:before,.weglot-flags.flag-3.wg-hy>span:before{background-image:url(https://cdn.weglot.com/flags/circle/am.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hy>a:before,.weglot-flags.flag-2.wg-hy>span:before{background-image:url(https://cdn.weglot.com/flags/square/am.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hy>a:before,.weglot-flags.flag-1.wg-hy>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/am.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hy>a:before,.weglot-flags.flag-0.wg-hy>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/am.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-id>a:before,.weglot-flags.flag-3.wg-id>span:before{background-image:url(https://cdn.weglot.com/flags/circle/id.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-id>a:before,.weglot-flags.flag-2.wg-id>span:before{background-image:url(https://cdn.weglot.com/flags/square/id.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-id>a:before,.weglot-flags.flag-1.wg-id>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/id.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-id>a:before,.weglot-flags.flag-0.wg-id>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/id.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-jv>a:before,.weglot-flags.flag-3.wg-jv>span:before{background-image:url(https://cdn.weglot.com/flags/circle/id.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-jv>a:before,.weglot-flags.flag-2.wg-jv>span:before{background-image:url(https://cdn.weglot.com/flags/square/id.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-jv>a:before,.weglot-flags.flag-1.wg-jv>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/id.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-jv>a:before,.weglot-flags.flag-0.wg-jv>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/id.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-is>a:before,.weglot-flags.flag-3.wg-is>span:before{background-image:url(https://cdn.weglot.com/flags/circle/is.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-is>a:before,.weglot-flags.flag-2.wg-is>span:before{background-image:url(https://cdn.weglot.com/flags/square/is.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-is>a:before,.weglot-flags.flag-1.wg-is>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/is.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-is>a:before,.weglot-flags.flag-0.wg-is>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/is.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-it>a:before,.weglot-flags.flag-3.wg-it>span:before{background-image:url(https://cdn.weglot.com/flags/circle/it.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-it>a:before,.weglot-flags.flag-2.wg-it>span:before{background-image:url(https://cdn.weglot.com/flags/square/it.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-it>a:before,.weglot-flags.flag-1.wg-it>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/it.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-it>a:before,.weglot-flags.flag-0.wg-it>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/it.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-la>a:before,.weglot-flags.flag-3.wg-la>span:before{background-image:url(https://cdn.weglot.com/flags/circle/it.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-la>a:before,.weglot-flags.flag-2.wg-la>span:before{background-image:url(https://cdn.weglot.com/flags/square/it.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-la>a:before,.weglot-flags.flag-1.wg-la>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/it.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-la>a:before,.weglot-flags.flag-0.wg-la>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/it.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ja>a:before,.weglot-flags.flag-3.wg-ja>span:before{background-image:url(https://cdn.weglot.com/flags/circle/jp.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ja>a:before,.weglot-flags.flag-2.wg-ja>span:before{background-image:url(https://cdn.weglot.com/flags/square/jp.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ja>a:before,.weglot-flags.flag-1.wg-ja>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/jp.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ja>a:before,.weglot-flags.flag-0.wg-ja>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/jp.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ka>a:before,.weglot-flags.flag-3.wg-ka>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ge.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ka>a:before,.weglot-flags.flag-2.wg-ka>span:before{background-image:url(https://cdn.weglot.com/flags/square/ge.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ka>a:before,.weglot-flags.flag-1.wg-ka>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ge.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ka>a:before,.weglot-flags.flag-0.wg-ka>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ge.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-kk>a:before,.weglot-flags.flag-3.wg-kk>span:before{background-image:url(https://cdn.weglot.com/flags/circle/kz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-kk>a:before,.weglot-flags.flag-2.wg-kk>span:before{background-image:url(https://cdn.weglot.com/flags/square/kz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-kk>a:before,.weglot-flags.flag-1.wg-kk>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/kz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-kk>a:before,.weglot-flags.flag-0.wg-kk>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/kz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-km>a:before,.weglot-flags.flag-3.wg-km>span:before{background-image:url(https://cdn.weglot.com/flags/circle/kh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-km>a:before,.weglot-flags.flag-2.wg-km>span:before{background-image:url(https://cdn.weglot.com/flags/square/kh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-km>a:before,.weglot-flags.flag-1.wg-km>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/kh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-km>a:before,.weglot-flags.flag-0.wg-km>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/kh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ko>a:before,.weglot-flags.flag-3.wg-ko>span:before{background-image:url(https://cdn.weglot.com/flags/circle/kr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ko>a:before,.weglot-flags.flag-2.wg-ko>span:before{background-image:url(https://cdn.weglot.com/flags/square/kr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ko>a:before,.weglot-flags.flag-1.wg-ko>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/kr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ko>a:before,.weglot-flags.flag-0.wg-ko>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/kr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ku>a:before,.weglot-flags.flag-3.wg-ku>span:before{background-image:url(https://cdn.weglot.com/flags/circle/iq.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ku>a:before,.weglot-flags.flag-2.wg-ku>span:before{background-image:url(https://cdn.weglot.com/flags/square/iq.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ku>a:before,.weglot-flags.flag-1.wg-ku>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/iq.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ku>a:before,.weglot-flags.flag-0.wg-ku>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/iq.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ky>a:before,.weglot-flags.flag-3.wg-ky>span:before{background-image:url(https://cdn.weglot.com/flags/circle/kg.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ky>a:before,.weglot-flags.flag-2.wg-ky>span:before{background-image:url(https://cdn.weglot.com/flags/square/kg.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ky>a:before,.weglot-flags.flag-1.wg-ky>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/kg.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ky>a:before,.weglot-flags.flag-0.wg-ky>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/kg.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-lb>a:before,.weglot-flags.flag-3.wg-lb>span:before{background-image:url(https://cdn.weglot.com/flags/circle/lu.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-lb>a:before,.weglot-flags.flag-2.wg-lb>span:before{background-image:url(https://cdn.weglot.com/flags/square/lu.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-lb>a:before,.weglot-flags.flag-1.wg-lb>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/lu.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-lb>a:before,.weglot-flags.flag-0.wg-lb>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/lu.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-lo>a:before,.weglot-flags.flag-3.wg-lo>span:before{background-image:url(https://cdn.weglot.com/flags/circle/la.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-lo>a:before,.weglot-flags.flag-2.wg-lo>span:before{background-image:url(https://cdn.weglot.com/flags/square/la.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-lo>a:before,.weglot-flags.flag-1.wg-lo>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/la.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-lo>a:before,.weglot-flags.flag-0.wg-lo>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/la.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-lt>a:before,.weglot-flags.flag-3.wg-lt>span:before{background-image:url(https://cdn.weglot.com/flags/circle/lt.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-lt>a:before,.weglot-flags.flag-2.wg-lt>span:before{background-image:url(https://cdn.weglot.com/flags/square/lt.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-lt>a:before,.weglot-flags.flag-1.wg-lt>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/lt.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-lt>a:before,.weglot-flags.flag-0.wg-lt>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/lt.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-lv>a:before,.weglot-flags.flag-3.wg-lv>span:before{background-image:url(https://cdn.weglot.com/flags/circle/lv.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-lv>a:before,.weglot-flags.flag-2.wg-lv>span:before{background-image:url(https://cdn.weglot.com/flags/square/lv.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-lv>a:before,.weglot-flags.flag-1.wg-lv>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/lv.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-lv>a:before,.weglot-flags.flag-0.wg-lv>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/lv.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mg>a:before,.weglot-flags.flag-3.wg-mg>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mg.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mg>a:before,.weglot-flags.flag-2.wg-mg>span:before{background-image:url(https://cdn.weglot.com/flags/square/mg.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mg>a:before,.weglot-flags.flag-1.wg-mg>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mg.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mg>a:before,.weglot-flags.flag-0.wg-mg>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mg.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mi>a:before,.weglot-flags.flag-3.wg-mi>span:before{background-image:url(https://cdn.weglot.com/flags/circle/nz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mi>a:before,.weglot-flags.flag-2.wg-mi>span:before{background-image:url(https://cdn.weglot.com/flags/square/nz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mi>a:before,.weglot-flags.flag-1.wg-mi>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/nz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mi>a:before,.weglot-flags.flag-0.wg-mi>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/nz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mk>a:before,.weglot-flags.flag-3.wg-mk>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mk>a:before,.weglot-flags.flag-2.wg-mk>span:before{background-image:url(https://cdn.weglot.com/flags/square/mk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mk>a:before,.weglot-flags.flag-1.wg-mk>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mk>a:before,.weglot-flags.flag-0.wg-mk>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mn>a:before,.weglot-flags.flag-3.wg-mn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mn>a:before,.weglot-flags.flag-2.wg-mn>span:before{background-image:url(https://cdn.weglot.com/flags/square/mn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mn>a:before,.weglot-flags.flag-1.wg-mn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mn>a:before,.weglot-flags.flag-0.wg-mn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ms>a:before,.weglot-flags.flag-3.wg-ms>span:before{background-image:url(https://cdn.weglot.com/flags/circle/my.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ms>a:before,.weglot-flags.flag-2.wg-ms>span:before{background-image:url(https://cdn.weglot.com/flags/square/my.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ms>a:before,.weglot-flags.flag-1.wg-ms>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/my.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ms>a:before,.weglot-flags.flag-0.wg-ms>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/my.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mt>a:before,.weglot-flags.flag-3.wg-mt>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mt.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mt>a:before,.weglot-flags.flag-2.wg-mt>span:before{background-image:url(https://cdn.weglot.com/flags/square/mt.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mt>a:before,.weglot-flags.flag-1.wg-mt>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mt.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mt>a:before,.weglot-flags.flag-0.wg-mt>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mt.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-my>a:before,.weglot-flags.flag-3.wg-my>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-my>a:before,.weglot-flags.flag-2.wg-my>span:before{background-image:url(https://cdn.weglot.com/flags/square/mm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-my>a:before,.weglot-flags.flag-1.wg-my>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-my>a:before,.weglot-flags.flag-0.wg-my>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-nb>a:before,.weglot-flags.flag-3.wg-nb>span:before{background-image:url(https://cdn.weglot.com/flags/circle/no.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-nb>a:before,.weglot-flags.flag-2.wg-nb>span:before{background-image:url(https://cdn.weglot.com/flags/square/no.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-nb>a:before,.weglot-flags.flag-1.wg-nb>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/no.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-nb>a:before,.weglot-flags.flag-0.wg-nb>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/no.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ne>a:before,.weglot-flags.flag-3.wg-ne>span:before{background-image:url(https://cdn.weglot.com/flags/circle/np.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ne>a:before,.weglot-flags.flag-2.wg-ne>span:before{background-image:url(https://cdn.weglot.com/flags/square/np.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ne>a:before,.weglot-flags.flag-1.wg-ne>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/np.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ne>a:before,.weglot-flags.flag-0.wg-ne>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/np.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-no>a:before,.weglot-flags.flag-3.wg-no>span:before{background-image:url(https://cdn.weglot.com/flags/circle/no.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-no>a:before,.weglot-flags.flag-2.wg-no>span:before{background-image:url(https://cdn.weglot.com/flags/square/no.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-no>a:before,.weglot-flags.flag-1.wg-no>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/no.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-no>a:before,.weglot-flags.flag-0.wg-no>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/no.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ny>a:before,.weglot-flags.flag-3.wg-ny>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ny>a:before,.weglot-flags.flag-2.wg-ny>span:before{background-image:url(https://cdn.weglot.com/flags/square/mw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ny>a:before,.weglot-flags.flag-1.wg-ny>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ny>a:before,.weglot-flags.flag-0.wg-ny>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-pl>a:before,.weglot-flags.flag-3.wg-pl>span:before{background-image:url(https://cdn.weglot.com/flags/circle/pl.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-pl>a:before,.weglot-flags.flag-2.wg-pl>span:before{background-image:url(https://cdn.weglot.com/flags/square/pl.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-pl>a:before,.weglot-flags.flag-1.wg-pl>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/pl.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-pl>a:before,.weglot-flags.flag-0.wg-pl>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/pl.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ps>a:before,.weglot-flags.flag-3.wg-ps>span:before{background-image:url(https://cdn.weglot.com/flags/circle/af.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ps>a:before,.weglot-flags.flag-2.wg-ps>span:before{background-image:url(https://cdn.weglot.com/flags/square/af.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ps>a:before,.weglot-flags.flag-1.wg-ps>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/af.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ps>a:before,.weglot-flags.flag-0.wg-ps>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/af.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-pt>a:before,.weglot-flags.flag-3.wg-pt>span:before{background-image:url(https://cdn.weglot.com/flags/circle/pt.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-pt>a:before,.weglot-flags.flag-2.wg-pt>span:before{background-image:url(https://cdn.weglot.com/flags/square/pt.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-pt>a:before,.weglot-flags.flag-1.wg-pt>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/pt.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-pt>a:before,.weglot-flags.flag-0.wg-pt>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/pt.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ro>a:before,.weglot-flags.flag-3.wg-ro>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ro.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ro>a:before,.weglot-flags.flag-2.wg-ro>span:before{background-image:url(https://cdn.weglot.com/flags/square/ro.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ro>a:before,.weglot-flags.flag-1.wg-ro>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ro.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ro>a:before,.weglot-flags.flag-0.wg-ro>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ro.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sd>a:before,.weglot-flags.flag-3.wg-sd>span:before{background-image:url(https://cdn.weglot.com/flags/circle/pk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sd>a:before,.weglot-flags.flag-2.wg-sd>span:before{background-image:url(https://cdn.weglot.com/flags/square/pk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sd>a:before,.weglot-flags.flag-1.wg-sd>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/pk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sd>a:before,.weglot-flags.flag-0.wg-sd>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/pk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ur>a:before,.weglot-flags.flag-3.wg-ur>span:before{background-image:url(https://cdn.weglot.com/flags/circle/pk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ur>a:before,.weglot-flags.flag-2.wg-ur>span:before{background-image:url(https://cdn.weglot.com/flags/square/pk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ur>a:before,.weglot-flags.flag-1.wg-ur>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/pk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ur>a:before,.weglot-flags.flag-0.wg-ur>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/pk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-si>a:before,.weglot-flags.flag-3.wg-si>span:before{background-image:url(https://cdn.weglot.com/flags/circle/lk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-si>a:before,.weglot-flags.flag-2.wg-si>span:before{background-image:url(https://cdn.weglot.com/flags/square/lk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-si>a:before,.weglot-flags.flag-1.wg-si>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/lk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-si>a:before,.weglot-flags.flag-0.wg-si>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/lk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sk>a:before,.weglot-flags.flag-3.wg-sk>span:before{background-image:url(https://cdn.weglot.com/flags/circle/sk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sk>a:before,.weglot-flags.flag-2.wg-sk>span:before{background-image:url(https://cdn.weglot.com/flags/square/sk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sk>a:before,.weglot-flags.flag-1.wg-sk>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/sk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sk>a:before,.weglot-flags.flag-0.wg-sk>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/sk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sl>a:before,.weglot-flags.flag-3.wg-sl>span:before{background-image:url(https://cdn.weglot.com/flags/circle/si.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sl>a:before,.weglot-flags.flag-2.wg-sl>span:before{background-image:url(https://cdn.weglot.com/flags/square/si.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sl>a:before,.weglot-flags.flag-1.wg-sl>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/si.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sl>a:before,.weglot-flags.flag-0.wg-sl>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/si.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sm>a:before,.weglot-flags.flag-3.wg-sm>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ws.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sm>a:before,.weglot-flags.flag-2.wg-sm>span:before{background-image:url(https://cdn.weglot.com/flags/square/ws.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sm>a:before,.weglot-flags.flag-1.wg-sm>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ws.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sm>a:before,.weglot-flags.flag-0.wg-sm>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ws.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sn>a:before,.weglot-flags.flag-3.wg-sn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/zw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sn>a:before,.weglot-flags.flag-2.wg-sn>span:before{background-image:url(https://cdn.weglot.com/flags/square/zw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sn>a:before,.weglot-flags.flag-1.wg-sn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/zw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sn>a:before,.weglot-flags.flag-0.wg-sn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/zw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-so>a:before,.weglot-flags.flag-3.wg-so>span:before{background-image:url(https://cdn.weglot.com/flags/circle/so.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-so>a:before,.weglot-flags.flag-2.wg-so>span:before{background-image:url(https://cdn.weglot.com/flags/square/so.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-so>a:before,.weglot-flags.flag-1.wg-so>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/so.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-so>a:before,.weglot-flags.flag-0.wg-so>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/so.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sq>a:before,.weglot-flags.flag-3.wg-sq>span:before{background-image:url(https://cdn.weglot.com/flags/circle/al.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sq>a:before,.weglot-flags.flag-2.wg-sq>span:before{background-image:url(https://cdn.weglot.com/flags/square/al.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sq>a:before,.weglot-flags.flag-1.wg-sq>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/al.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sq>a:before,.weglot-flags.flag-0.wg-sq>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/al.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sa>a:before,.weglot-flags.flag-3.wg-sa>span:before{background-image:url(https://cdn.weglot.com/flags/circle/rs.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sa>a:before,.weglot-flags.flag-2.wg-sa>span:before{background-image:url(https://cdn.weglot.com/flags/square/rs.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sa>a:before,.weglot-flags.flag-1.wg-sa>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/rs.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sa>a:before,.weglot-flags.flag-0.wg-sa>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/rs.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sr-latn>a:before,.weglot-flags.flag-3.wg-sr-latn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/rs.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sr-latn>a:before,.weglot-flags.flag-2.wg-sr-latn>span:before{background-image:url(https://cdn.weglot.com/flags/square/rs.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sr-latn>a:before,.weglot-flags.flag-1.wg-sr-latn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/rs.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sr-latn>a:before,.weglot-flags.flag-0.wg-sr-latn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/rs.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sr>a:before,.weglot-flags.flag-3.wg-sr>span:before{background-image:url(https://cdn.weglot.com/flags/circle/rs.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sr>a:before,.weglot-flags.flag-2.wg-sr>span:before{background-image:url(https://cdn.weglot.com/flags/square/rs.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sr>a:before,.weglot-flags.flag-1.wg-sr>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/rs.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sr>a:before,.weglot-flags.flag-0.wg-sr>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/rs.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-st>a:before,.weglot-flags.flag-3.wg-st>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ng.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-st>a:before,.weglot-flags.flag-2.wg-st>span:before{background-image:url(https://cdn.weglot.com/flags/square/ng.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-st>a:before,.weglot-flags.flag-1.wg-st>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ng.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-st>a:before,.weglot-flags.flag-0.wg-st>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ng.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-yo>a:before,.weglot-flags.flag-3.wg-yo>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ng.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-yo>a:before,.weglot-flags.flag-2.wg-yo>span:before{background-image:url(https://cdn.weglot.com/flags/square/ng.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-yo>a:before,.weglot-flags.flag-1.wg-yo>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ng.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-yo>a:before,.weglot-flags.flag-0.wg-yo>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ng.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-su>a:before,.weglot-flags.flag-3.wg-su>span:before{background-image:url(https://cdn.weglot.com/flags/circle/sd.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-su>a:before,.weglot-flags.flag-2.wg-su>span:before{background-image:url(https://cdn.weglot.com/flags/square/sd.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-su>a:before,.weglot-flags.flag-1.wg-su>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/sd.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-su>a:before,.weglot-flags.flag-0.wg-su>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/sd.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sv>a:before,.weglot-flags.flag-3.wg-sv>span:before{background-image:url(https://cdn.weglot.com/flags/circle/se.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sv>a:before,.weglot-flags.flag-2.wg-sv>span:before{background-image:url(https://cdn.weglot.com/flags/square/se.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sv>a:before,.weglot-flags.flag-1.wg-sv>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/se.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sv>a:before,.weglot-flags.flag-0.wg-sv>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/se.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-sw>a:before,.weglot-flags.flag-3.wg-sw>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ke.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-sw>a:before,.weglot-flags.flag-2.wg-sw>span:before{background-image:url(https://cdn.weglot.com/flags/square/ke.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-sw>a:before,.weglot-flags.flag-1.wg-sw>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ke.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-sw>a:before,.weglot-flags.flag-0.wg-sw>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ke.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-tg>a:before,.weglot-flags.flag-3.wg-tg>span:before{background-image:url(https://cdn.weglot.com/flags/circle/tj.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-tg>a:before,.weglot-flags.flag-2.wg-tg>span:before{background-image:url(https://cdn.weglot.com/flags/square/tj.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-tg>a:before,.weglot-flags.flag-1.wg-tg>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/tj.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-tg>a:before,.weglot-flags.flag-0.wg-tg>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/tj.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-th>a:before,.weglot-flags.flag-3.wg-th>span:before{background-image:url(https://cdn.weglot.com/flags/circle/th.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-th>a:before,.weglot-flags.flag-2.wg-th>span:before{background-image:url(https://cdn.weglot.com/flags/square/th.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-th>a:before,.weglot-flags.flag-1.wg-th>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/th.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-th>a:before,.weglot-flags.flag-0.wg-th>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/th.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-to>a:before,.weglot-flags.flag-3.wg-to>span:before{background-image:url(https://cdn.weglot.com/flags/circle/to.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-to>a:before,.weglot-flags.flag-2.wg-to>span:before{background-image:url(https://cdn.weglot.com/flags/square/to.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-to>a:before,.weglot-flags.flag-1.wg-to>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/to.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-to>a:before,.weglot-flags.flag-0.wg-to>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/to.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-tk>a:before,.weglot-flags.flag-3.wg-tk>span:before{background-image:url(https://cdn.weglot.com/flags/circle/tr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-tk>a:before,.weglot-flags.flag-2.wg-tk>span:before{background-image:url(https://cdn.weglot.com/flags/square/tr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-tk>a:before,.weglot-flags.flag-1.wg-tk>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/tr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-tk>a:before,.weglot-flags.flag-0.wg-tk>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/tr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-tr>a:before,.weglot-flags.flag-3.wg-tr>span:before{background-image:url(https://cdn.weglot.com/flags/circle/tr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-tr>a:before,.weglot-flags.flag-2.wg-tr>span:before{background-image:url(https://cdn.weglot.com/flags/square/tr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-tr>a:before,.weglot-flags.flag-1.wg-tr>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/tr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-tr>a:before,.weglot-flags.flag-0.wg-tr>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/tr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-tt>a:before,.weglot-flags.flag-3.wg-tt>span:before{background-image:url(https://cdn.weglot.com/flags/circle/tr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-tt>a:before,.weglot-flags.flag-2.wg-tt>span:before{background-image:url(https://cdn.weglot.com/flags/square/tr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-tt>a:before,.weglot-flags.flag-1.wg-tt>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/tr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-tt>a:before,.weglot-flags.flag-0.wg-tt>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/tr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-tw>a:before,.weglot-flags.flag-3.wg-tw>span:before{background-image:url(https://cdn.weglot.com/flags/circle/tw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-tw>a:before,.weglot-flags.flag-2.wg-tw>span:before{background-image:url(https://cdn.weglot.com/flags/square/tw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-tw>a:before,.weglot-flags.flag-1.wg-tw>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/tw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-tw>a:before,.weglot-flags.flag-0.wg-tw>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/tw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-zh-tw>a:before,.weglot-flags.flag-3.wg-zh-tw>span:before{background-image:url(https://cdn.weglot.com/flags/circle/tw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-zh-tw>a:before,.weglot-flags.flag-2.wg-zh-tw>span:before{background-image:url(https://cdn.weglot.com/flags/square/tw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-zh-tw>a:before,.weglot-flags.flag-1.wg-zh-tw>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/tw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-zh-tw>a:before,.weglot-flags.flag-0.wg-zh-tw>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/tw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ty>a:before,.weglot-flags.flag-3.wg-ty>span:before{background-image:url(https://cdn.weglot.com/flags/circle/pf.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ty>a:before,.weglot-flags.flag-2.wg-ty>span:before{background-image:url(https://cdn.weglot.com/flags/square/pf.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ty>a:before,.weglot-flags.flag-1.wg-ty>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/pf.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ty>a:before,.weglot-flags.flag-0.wg-ty>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/pf.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-uk>a:before,.weglot-flags.flag-3.wg-uk>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ua.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-uk>a:before,.weglot-flags.flag-2.wg-uk>span:before{background-image:url(https://cdn.weglot.com/flags/square/ua.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-uk>a:before,.weglot-flags.flag-1.wg-uk>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ua.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-uk>a:before,.weglot-flags.flag-0.wg-uk>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ua.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-uz>a:before,.weglot-flags.flag-3.wg-uz>span:before{background-image:url(https://cdn.weglot.com/flags/circle/uz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-uz>a:before,.weglot-flags.flag-2.wg-uz>span:before{background-image:url(https://cdn.weglot.com/flags/square/uz.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-uz>a:before,.weglot-flags.flag-1.wg-uz>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/uz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-uz>a:before,.weglot-flags.flag-0.wg-uz>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/uz.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-vi>a:before,.weglot-flags.flag-3.wg-vi>span:before{background-image:url(https://cdn.weglot.com/flags/circle/vn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-vi>a:before,.weglot-flags.flag-2.wg-vi>span:before{background-image:url(https://cdn.weglot.com/flags/square/vn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-vi>a:before,.weglot-flags.flag-1.wg-vi>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/vn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-vi>a:before,.weglot-flags.flag-0.wg-vi>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/vn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-zh>a:before,.weglot-flags.flag-3.wg-zh>span:before{background-image:url(https://cdn.weglot.com/flags/circle/cn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-zh>a:before,.weglot-flags.flag-2.wg-zh>span:before{background-image:url(https://cdn.weglot.com/flags/square/cn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-zh>a:before,.weglot-flags.flag-1.wg-zh>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/cn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-zh>a:before,.weglot-flags.flag-0.wg-zh>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/cn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hm>a:before,.weglot-flags.flag-3.wg-hm>span:before{background-image:url(https://cdn.weglot.com/flags/circle/hm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hm>a:before,.weglot-flags.flag-2.wg-hm>span:before{background-image:url(https://cdn.weglot.com/flags/square/hm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hm>a:before,.weglot-flags.flag-1.wg-hm>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/hm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hm>a:before,.weglot-flags.flag-0.wg-hm>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/hm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-hmn>a:before,.weglot-flags.flag-3.wg-hmn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/hm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-hmn>a:before,.weglot-flags.flag-2.wg-hmn>span:before{background-image:url(https://cdn.weglot.com/flags/square/hm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-hmn>a:before,.weglot-flags.flag-1.wg-hmn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/hm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-hmn>a:before,.weglot-flags.flag-0.wg-hmn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/hm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ug>a:before,.weglot-flags.flag-3.wg-ug>span:before{background-image:url(https://cdn.weglot.com/flags/circle/uig.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ug>a:before,.weglot-flags.flag-2.wg-ug>span:before{background-image:url(https://cdn.weglot.com/flags/square/uig.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ug>a:before,.weglot-flags.flag-1.wg-ug>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/uig.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ug>a:before,.weglot-flags.flag-0.wg-ug>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/uig.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fc>a:before,.weglot-flags.flag-3.wg-fc>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fc>a:before,.weglot-flags.flag-2.wg-fc>span:before{background-image:url(https://cdn.weglot.com/flags/square/ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fc>a:before,.weglot-flags.flag-1.wg-fc>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fc>a:before,.weglot-flags.flag-0.wg-fc>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fr-ca>a:before,.weglot-flags.flag-3.wg-fr-ca>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fr-ca>a:before,.weglot-flags.flag-2.wg-fr-ca>span:before{background-image:url(https://cdn.weglot.com/flags/square/ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fr-ca>a:before,.weglot-flags.flag-1.wg-fr-ca>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fr-ca>a:before,.weglot-flags.flag-0.wg-fr-ca>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-rw>a:before,.weglot-flags.flag-3.wg-rw>span:before{background-image:url(https://cdn.weglot.com/flags/circle/rw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-rw>a:before,.weglot-flags.flag-2.wg-rw>span:before{background-image:url(https://cdn.weglot.com/flags/square/rw.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-rw>a:before,.weglot-flags.flag-1.wg-rw>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/rw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-rw>a:before,.weglot-flags.flag-0.wg-rw>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/rw.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-es-419>a:before,.weglot-flags.flag-3.wg-es-419>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mx.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-es-419>a:before,.weglot-flags.flag-2.wg-es-419>span:before{background-image:url(https://cdn.weglot.com/flags/square/mx.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-es-419>a:before,.weglot-flags.flag-1.wg-es-419>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mx.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-es-419>a:before,.weglot-flags.flag-0.wg-es-419>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mx.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-lg>a:before,.weglot-flags.flag-3.wg-lg>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ug.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-lg>a:before,.weglot-flags.flag-2.wg-lg>span:before{background-image:url(https://cdn.weglot.com/flags/square/ug.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-lg>a:before,.weglot-flags.flag-1.wg-lg>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ug.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-lg>a:before,.weglot-flags.flag-0.wg-lg>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ug.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-om>a:before,.weglot-flags.flag-3.wg-om>span:before{background-image:url(https://cdn.weglot.com/flags/circle/et.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-om>a:before,.weglot-flags.flag-2.wg-om>span:before{background-image:url(https://cdn.weglot.com/flags/square/et.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-om>a:before,.weglot-flags.flag-1.wg-om>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/et.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-om>a:before,.weglot-flags.flag-0.wg-om>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/et.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-iu>a:before,.weglot-flags.flag-3.wg-iu>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-iu>a:before,.weglot-flags.flag-2.wg-iu>span:before{background-image:url(https://cdn.weglot.com/flags/square/ca.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-iu>a:before,.weglot-flags.flag-1.wg-iu>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-iu>a:before,.weglot-flags.flag-0.wg-iu>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ca.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ti>a:before,.weglot-flags.flag-3.wg-ti>span:before{background-image:url(https://cdn.weglot.com/flags/circle/er.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ti>a:before,.weglot-flags.flag-2.wg-ti>span:before{background-image:url(https://cdn.weglot.com/flags/square/er.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ti>a:before,.weglot-flags.flag-1.wg-ti>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/er.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ti>a:before,.weglot-flags.flag-0.wg-ti>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/er.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-bm>a:before,.weglot-flags.flag-3.wg-bm>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ml.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-bm>a:before,.weglot-flags.flag-2.wg-bm>span:before{background-image:url(https://cdn.weglot.com/flags/square/ml.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-bm>a:before,.weglot-flags.flag-1.wg-bm>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ml.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-bm>a:before,.weglot-flags.flag-0.wg-bm>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ml.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-bo>a:before,.weglot-flags.flag-3.wg-bo>span:before{background-image:url(https://cdn.weglot.com/flags/circle/cn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-bo>a:before,.weglot-flags.flag-2.wg-bo>span:before{background-image:url(https://cdn.weglot.com/flags/square/cn.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-bo>a:before,.weglot-flags.flag-1.wg-bo>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/cn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-bo>a:before,.weglot-flags.flag-0.wg-bo>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/cn.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ak>a:before,.weglot-flags.flag-3.wg-ak>span:before{background-image:url(https://cdn.weglot.com/flags/circle/gh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ak>a:before,.weglot-flags.flag-2.wg-ak>span:before{background-image:url(https://cdn.weglot.com/flags/square/gh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ak>a:before,.weglot-flags.flag-1.wg-ak>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/gh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ak>a:before,.weglot-flags.flag-0.wg-ak>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/gh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-kb>a:before,.weglot-flags.flag-3.wg-kb>span:before{background-image:url(https://cdn.weglot.com/flags/circle/iq.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-kb>a:before,.weglot-flags.flag-2.wg-kb>span:before{background-image:url(https://cdn.weglot.com/flags/square/iq.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-kb>a:before,.weglot-flags.flag-1.wg-kb>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/iq.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-kb>a:before,.weglot-flags.flag-0.wg-kb>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/iq.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-fo>a:before,.weglot-flags.flag-3.wg-fo>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fo.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-fo>a:before,.weglot-flags.flag-2.wg-fo>span:before{background-image:url(https://cdn.weglot.com/flags/square/fo.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-fo>a:before,.weglot-flags.flag-1.wg-fo>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fo.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-fo>a:before,.weglot-flags.flag-0.wg-fo>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fo.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-il>a:before,.weglot-flags.flag-3.wg-il>span:before{background-image:url(https://cdn.weglot.com/flags/circle/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-il>a:before,.weglot-flags.flag-2.wg-il>span:before{background-image:url(https://cdn.weglot.com/flags/square/ph.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-il>a:before,.weglot-flags.flag-1.wg-il>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-il>a:before,.weglot-flags.flag-0.wg-il>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/ph.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ay>a:before,.weglot-flags.flag-3.wg-ay>span:before{background-image:url(https://cdn.weglot.com/flags/circle/bo.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ay>a:before,.weglot-flags.flag-2.wg-ay>span:before{background-image:url(https://cdn.weglot.com/flags/square/bo.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ay>a:before,.weglot-flags.flag-1.wg-ay>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/bo.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ay>a:before,.weglot-flags.flag-0.wg-ay>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/bo.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-dv>a:before,.weglot-flags.flag-3.wg-dv>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mv.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-dv>a:before,.weglot-flags.flag-2.wg-dv>span:before{background-image:url(https://cdn.weglot.com/flags/square/mv.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-dv>a:before,.weglot-flags.flag-1.wg-dv>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mv.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-dv>a:before,.weglot-flags.flag-0.wg-dv>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mv.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ee>a:before,.weglot-flags.flag-3.wg-ee>span:before{background-image:url(https://cdn.weglot.com/flags/circle/gh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ee>a:before,.weglot-flags.flag-2.wg-ee>span:before{background-image:url(https://cdn.weglot.com/flags/square/gh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ee>a:before,.weglot-flags.flag-1.wg-ee>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/gh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ee>a:before,.weglot-flags.flag-0.wg-ee>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/gh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-gn>a:before,.weglot-flags.flag-3.wg-gn>span:before{background-image:url(https://cdn.weglot.com/flags/circle/py.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-gn>a:before,.weglot-flags.flag-2.wg-gn>span:before{background-image:url(https://cdn.weglot.com/flags/square/py.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-gn>a:before,.weglot-flags.flag-1.wg-gn>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/py.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-gn>a:before,.weglot-flags.flag-0.wg-gn>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/py.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ln>a:before,.weglot-flags.flag-3.wg-ln>span:before{background-image:url(https://cdn.weglot.com/flags/circle/cd.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ln>a:before,.weglot-flags.flag-2.wg-ln>span:before{background-image:url(https://cdn.weglot.com/flags/square/cd.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ln>a:before,.weglot-flags.flag-1.wg-ln>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/cd.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ln>a:before,.weglot-flags.flag-0.wg-ln>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/cd.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-qu>a:before,.weglot-flags.flag-3.wg-qu>span:before{background-image:url(https://cdn.weglot.com/flags/circle/pe.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-qu>a:before,.weglot-flags.flag-2.wg-qu>span:before{background-image:url(https://cdn.weglot.com/flags/square/pe.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-qu>a:before,.weglot-flags.flag-1.wg-qu>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/pe.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-qu>a:before,.weglot-flags.flag-0.wg-qu>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/pe.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-ts>a:before,.weglot-flags.flag-3.wg-ts>span:before{background-image:url(https://cdn.weglot.com/flags/circle/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-ts>a:before,.weglot-flags.flag-2.wg-ts>span:before{background-image:url(https://cdn.weglot.com/flags/square/za.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-ts>a:before,.weglot-flags.flag-1.wg-ts>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-ts>a:before,.weglot-flags.flag-0.wg-ts>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/za.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-oc>a:before,.weglot-flags.flag-3.wg-oc>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-oc>a:before,.weglot-flags.flag-2.wg-oc>span:before{background-image:url(https://cdn.weglot.com/flags/square/fr.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-oc>a:before,.weglot-flags.flag-1.wg-oc>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-oc>a:before,.weglot-flags.flag-0.wg-oc>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fr.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-yue>a:before,.weglot-flags.flag-3.wg-yue>span:before{background-image:url(https://cdn.weglot.com/flags/circle/hk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-yue>a:before,.weglot-flags.flag-2.wg-yue>span:before{background-image:url(https://cdn.weglot.com/flags/square/hk.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-yue>a:before,.weglot-flags.flag-1.wg-yue>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/hk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-yue>a:before,.weglot-flags.flag-0.wg-yue>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/hk.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-mh>a:before,.weglot-flags.flag-3.wg-mh>span:before{background-image:url(https://cdn.weglot.com/flags/circle/mh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-mh>a:before,.weglot-flags.flag-2.wg-mh>span:before{background-image:url(https://cdn.weglot.com/flags/square/mh.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-mh>a:before,.weglot-flags.flag-1.wg-mh>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/mh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-mh>a:before,.weglot-flags.flag-0.wg-mh>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/mh.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-3.wg-chk>a:before,.weglot-flags.flag-3.wg-chk>span:before{background-image:url(https://cdn.weglot.com/flags/circle/fm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-2.wg-chk>a:before,.weglot-flags.flag-2.wg-chk>span:before{background-image:url(https://cdn.weglot.com/flags/square/fm.svg);background-position:unset !important;width:24px !important}.weglot-flags.flag-1.wg-chk>a:before,.weglot-flags.flag-1.wg-chk>span:before{background-image:url(https://cdn.weglot.com/flags/shiny/fm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0.wg-chk>a:before,.weglot-flags.flag-0.wg-chk>span:before{background-image:url(https://cdn.weglot.com/flags/rectangle_mat/fm.svg);background-position:unset !important;width:27px !important}.weglot-flags.flag-0>a:before,.weglot-flags.flag-0>span:before{background-position:unset !important;width:27px !important}


iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}/* Inter 4.1 (SIL Open Font License 1.1, see fonts/LICENSE-Inter.txt), self-hosted: no Google Fonts.
   From the inter-ui npm package (rsms/inter). The Latin files (100 kB) cover Dutch and German text; the full files load
   only for a character outside that range (a degree Celsius sign, an arrow). Without the files the system font of --font is used. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(//howat.nl/wp-content/themes/howat-2026/wp/fonts/InterVariable.woff2?v=4.1) format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url(//howat.nl/wp-content/themes/howat-2026/wp/fonts/InterVariable-Italic.woff2?v=4.1) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(//howat.nl/wp-content/themes/howat-2026/wp/fonts/InterVariable-latin.woff2?v=4.1) format("woff2");unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url(//howat.nl/wp-content/themes/howat-2026/wp/fonts/InterVariable-Italic-latin.woff2?v=4.1) format("woff2");unicode-range:U+0000,U+0020-007E,U+00A0-00AC,U+00AE-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF}
/* HOWAT webshop · design system and components */
:root{
  color-scheme:light;
  --ground:#F4F4F1;
  --ground-2:#ECECE8;
  --paper:#FFFFFF;
  --ink:#111213;
  --ink-2:#4E5156;
  --ink-3:#84878C;
  --line:#E0E0DB;
  --line-2:#EBEBE7;
  --red:#D0342C;
  --red-text:#B32A22;
  --red-soft:#FBE9E7;
  --warm:#F2DDCD;
  --night:#0E0F10;
  --night-2:#1A1B1D;
  --night-ink:#F2F2EF;
  --night-ink-2:#B4B6BA;
  --ok:#2E7A4A;
  --ok-soft:#E4F1E8;
  --warn:#9A680E;
  --warn-soft:#F7EEDB;
  --gut:clamp(16px,3.2vw,40px);
  --max:1360px;
  --hh:72px;
  --r-s:10px;
  --r:18px;
  --r-l:28px;
  --sh-1:0 1px 2px rgba(17,18,19,.05),0 6px 20px rgba(17,18,19,.06);
  --sh-2:0 2px 6px rgba(17,18,19,.06),0 30px 70px rgba(17,18,19,.18);
  --ease:cubic-bezier(.2,.75,.2,1);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 16px)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:650;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* type */
.display{font-size:clamp(2.9rem,7.2vw,6.6rem);line-height:.93;letter-spacing:-.052em;font-weight:650}
.h1{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1;letter-spacing:-.042em;font-weight:650}
.h2{font-size:clamp(1.9rem,3.8vw,3.3rem);line-height:1.02;letter-spacing:-.038em;font-weight:650}
.h3{font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.15;letter-spacing:-.025em;font-weight:650}
.h4{font-size:1.1rem;line-height:1.3;letter-spacing:-.012em;font-weight:600}
.label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.lead{font-size:clamp(1.06rem,1.35vw,1.24rem);line-height:1.55;color:var(--ink-2);max-width:38rem}
.muted{color:var(--ink-2)}
.soft{color:var(--ink-3)}
.small{font-size:.875rem}
.num{font-variant-numeric:tabular-nums}
.link{font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.link:hover{text-decoration-thickness:2px}

/* layout */
.container{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.section{padding-block:clamp(64px,8.5vw,128px)}
.section--tight{padding-block:clamp(40px,5vw,72px)}
.stack{display:grid;gap:1rem}
.stack-lg{display:grid;gap:clamp(20px,2.4vw,32px)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.between{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem}
.sec-head{display:grid;gap:.9rem;max-width:52rem;margin-bottom:clamp(32px,4.4vw,60px)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:0 1.35rem;border-radius:999px;border:1px solid transparent;background:transparent;font-weight:600;font-size:.98rem;line-height:1;letter-spacing:-.005em;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s,transform .2s var(--ease),box-shadow .2s}
.btn svg{width:18px;height:18px;flex:none}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:#2A2C30}
.btn--line{border-color:rgba(17,18,19,.2);color:var(--ink)}
.btn--line:hover{border-color:var(--ink)}
.btn--white{background:#fff;color:var(--ink)}
.btn--white:hover{background:#EDEDEA}
.btn--ghost{color:var(--ink);padding-inline:.8rem}
.btn--ghost:hover{background:rgba(17,18,19,.06)}
.btn--lg{min-height:58px;padding-inline:1.7rem;font-size:1.04rem}
.btn--sm{min-height:40px;padding-inline:1rem;font-size:.9rem}
.btn--block{width:100%}
.arrow svg{transition:transform .25s var(--ease)}
.arrow:hover svg{transform:translateX(3px)}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s}
.icon-btn:hover{background:rgba(17,18,19,.07)}
.icon-btn svg{width:22px;height:22px}

/* frames for photos and video */
.frame{position:relative;overflow:hidden;border-radius:var(--r);background:#DDDDD8;isolation:isolate}
.frame>img,.frame>video{width:100%;height:100%;object-fit:cover}
.frame--white{background:#fff}
.frame--white>img{object-fit:contain}
.cap{position:absolute;left:clamp(10px,1.3vw,16px);bottom:clamp(10px,1.3vw,16px);z-index:3;display:inline-flex;align-items:center;gap:.5rem;max-width:calc(100% - 24px);padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.78rem;font-weight:550;line-height:1.25}
.cap--top{top:clamp(10px,1.3vw,16px);bottom:auto}
.cap--dark{background:rgba(14,15,16,.66);color:#F2F2EF}

/* status */
.dot{display:inline-flex;align-items:center;gap:.5rem}
.dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.dot--late::before{background:var(--warn)}
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1.2;white-space:nowrap}
.pill--sale{background:var(--red-soft);color:var(--red-text)}
.pill--ok{background:var(--ok-soft);color:var(--ok)}
.pill--warn{background:var(--warn-soft);color:var(--warn)}
.pill--ink{background:var(--ink);color:#fff}

/* promo bar */
.promo{background:var(--ink);color:#D8D8D4;font-size:.84rem;line-height:1.35}
.promo .container{display:flex;align-items:center;justify-content:center;gap:.5rem 1.5rem;flex-wrap:wrap;min-height:40px;padding-block:.45rem;text-align:center}
.promo b{color:#fff;font-weight:600}
.promo .clock{display:inline-flex;gap:.3rem;font-variant-numeric:tabular-nums;color:#fff;font-weight:600}
.promo .clock span{display:inline-grid;place-items:center;min-width:2.1em;padding:.1rem .3rem;border-radius:6px;background:rgba(255,255,255,.12)}

/* header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(244,244,241,.86);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,background-color .3s}
.site-header.is-scrolled{border-bottom-color:rgba(17,18,19,.08)}
.bar{height:var(--hh);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}
.brand{font-weight:800;font-size:1.42rem;letter-spacing:.012em;text-decoration:none;line-height:1}
.nav{display:flex;justify-content:center;gap:.25rem}
.nav>a,.nav>button{display:inline-flex;align-items:center;gap:.35rem;height:42px;padding:0 .9rem;border-radius:999px;border:0;background:transparent;color:var(--ink-2);font-weight:520;font-size:.95rem;text-decoration:none;cursor:pointer;transition:color .2s,background-color .2s}
.nav>a:hover,.nav>button:hover,.nav>[aria-expanded="true"]{color:var(--ink);background:rgba(17,18,19,.06)}
.nav>a.is-active{color:var(--ink)}
.nav svg{width:14px;height:14px;transition:transform .25s}
.nav>[aria-expanded="true"] svg{transform:rotate(180deg)}
.tools{display:flex;align-items:center;gap:.25rem}
.search-trigger{display:inline-flex;align-items:center;gap:.6rem;height:44px;padding:0 .6rem 0 1rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.7);color:var(--ink-3);font-size:.92rem;cursor:pointer;transition:border-color .2s}
.search-trigger:hover{border-color:var(--ink-3)}
.search-trigger svg{width:18px;height:18px;color:var(--ink-2)}
.kbd{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 .35rem;border-radius:6px;border:1px solid var(--line);background:#fff;font-size:.72rem;font-weight:600;color:var(--ink-3)}
.cart-btn .count{position:absolute;right:2px;top:2px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;line-height:1;transform:scale(0);transition:transform .35s var(--ease)}
.cart-btn .count.has{transform:scale(1)}
.cart-btn.bump{animation:bump .5s var(--ease)}
@keyframes bump{30%{transform:scale(1.18)}60%{transform:scale(.94)}100%{transform:scale(1)}}
.menu-toggle{display:none}

/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;background:rgba(250,250,248,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(17,18,19,.08);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s var(--ease),visibility 0s .22s}
.mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s var(--ease)}
.mega-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:clamp(16px,2vw,28px);padding-block:28px 32px}
.mega a{text-decoration:none}
.mega-tile{display:grid;gap:.7rem}
.mega-tile .frame{aspect-ratio:4/3;border-radius:14px}
.mega-tile .frame img{transition:transform .6s var(--ease)}
.mega-tile:hover .frame img{transform:scale(1.04)}
.mega-tile b{font-weight:600}
.mega-tile span{font-size:.86rem;color:var(--ink-3)}
.mega-list{display:grid;align-content:start;gap:.2rem;padding:.4rem 0 0 1rem;border-left:1px solid var(--line)}
.mega-list a{padding:.45rem 0;color:var(--ink-2);font-size:.95rem}
.mega-list a:hover{color:var(--ink)}

/* mobile menu */
.sheet{position:fixed;inset:0;z-index:90;background:var(--ground);display:grid;grid-template-rows:auto 1fr auto;transform:translateX(-100%);transition:transform .38s var(--ease);visibility:hidden}
.sheet.is-open{transform:none;visibility:visible}
.sheet-head{display:flex;align-items:center;justify-content:space-between;height:var(--hh);padding-inline:var(--gut);border-bottom:1px solid var(--line)}
.sheet-body{overflow:auto;padding:12px var(--gut) 24px}
.sheet-body a{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;text-decoration:none}
.sheet-foot{padding:16px var(--gut) calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:grid;gap:.5rem}

/* scrim, drawer */
.scrim{position:fixed;inset:0;z-index:80;background:rgba(14,15,16,.42);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.scrim.is-open{opacity:1;visibility:visible;transition:opacity .3s}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:85;width:min(460px,100%);background:var(--paper);display:grid;grid-template-rows:auto auto 1fr auto;transform:translateX(102%);transition:transform .42s var(--ease);box-shadow:var(--sh-2);visibility:hidden}
.drawer.is-open{transform:none;visibility:visible}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px 24px}
.drawer-head h2{font-size:1.3rem;letter-spacing:-.025em}
.ship-meter{margin:0 24px 8px;padding:12px 14px;border-radius:14px;background:var(--ground);font-size:.86rem;display:grid;gap:.5rem}
.ship-meter .track{height:5px;border-radius:5px;background:var(--line);overflow:hidden}
.ship-meter .track i{display:block;height:100%;width:100%;background:var(--ok);border-radius:5px;transform-origin:left;animation:fill .9s var(--ease)}
@keyframes fill{from{transform:scaleX(0)}}
.drawer-body{overflow:auto;padding:4px 24px 20px;overscroll-behavior:contain}
.drawer-foot{padding:18px 24px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:grid;gap:.8rem;background:var(--paper)}
.line{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line-2)}
.line .frame{width:84px;height:84px;border-radius:12px}
.line-top{display:flex;justify-content:space-between;gap:.75rem}
.line-name{font-weight:600;line-height:1.3;font-size:.95rem;text-decoration:none}
.line-meta{font-size:.82rem;color:var(--ink-3);margin-top:.15rem}
.line-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem}
.line-price{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.line-price s{display:block;font-weight:400;font-size:.8rem;color:var(--ink-3)}
.remove{border:0;background:none;padding:.2rem 0;font-size:.8rem;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.remove:hover{color:var(--ink)}
.qty{display:inline-grid;grid-template-columns:36px 40px 36px;align-items:center;height:38px;border:1px solid var(--line);border-radius:999px;background:#fff}
.qty button{height:100%;border:0;background:none;cursor:pointer;display:grid;place-items:center;border-radius:999px}
.qty button:hover{background:var(--ground)}
.qty button svg{width:14px;height:14px}
.qty input{width:100%;height:100%;border:0;background:none;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty--lg{grid-template-columns:44px 48px 44px;height:58px}
.totals{display:grid;gap:.4rem;font-size:.95rem}
.totals div{display:flex;justify-content:space-between;gap:1rem}
.totals .grand{font-size:1.15rem;font-weight:650;letter-spacing:-.015em;padding-top:.5rem;margin-top:.2rem;border-top:1px solid var(--line-2)}
.pay-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.pay{display:inline-flex;align-items:center;height:26px;padding:0 .55rem;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:.72rem;font-weight:700;letter-spacing:.01em;color:var(--ink-2)}
.upsell{margin-top:20px;padding:16px;border-radius:16px;background:var(--ground)}
.upsell h3{font-size:.95rem;margin-bottom:.8rem}
.upsell-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:.4rem 0}
.upsell-item .frame{width:56px;height:56px;border-radius:10px}
.upsell-item b{font-size:.88rem;font-weight:600;line-height:1.3;display:block}
.upsell-item span{font-size:.82rem;color:var(--ink-2)}
.empty{display:grid;justify-items:center;text-align:center;gap:1rem;padding:40px 8px}
.empty .frame{width:180px;height:180px;border-radius:50%}

/* fly to cart */
.fly{position:fixed;z-index:120;pointer-events:none;border-radius:14px;overflow:hidden;box-shadow:var(--sh-2);background:#fff}
.fly img{width:100%;height:100%;object-fit:cover}

/* toasts */
.toasts{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:130;transform:translateX(-50%);display:grid;gap:8px;width:min(92vw,420px)}
.toast{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-radius:14px;background:var(--ink);color:#fff;font-size:.92rem;box-shadow:var(--sh-2);animation:toastIn .35s var(--ease)}
.toast svg{width:18px;height:18px;flex:none;color:#7ED39A}
@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}

.chip{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:0 .95rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:.9rem;font-weight:520;cursor:pointer;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s}
.chip:hover{border-color:var(--ink-3);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.chip .n{font-size:.78rem;color:var(--ink-3)}
.chip[aria-pressed="true"] .n{color:rgba(255,255,255,.65)}

/* cookie */
.cookie{position:fixed;left:var(--gut);bottom:calc(var(--gut) + env(safe-area-inset-bottom,0px));z-index:110;width:min(430px,calc(100% - 2 * var(--gut)));padding:20px;border-radius:20px;background:var(--paper);box-shadow:var(--sh-2);display:grid;gap:.9rem;animation:toastIn .45s var(--ease)}
.cookie[hidden]{display:none}
.cookie p{font-size:.9rem;color:var(--ink-2)}
.cookie .row .btn{flex:1}

/* breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.84rem;color:var(--ink-3);padding-block:18px 0}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs svg{width:12px;height:12px}

/* product card */
.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(16px,2vw,28px) clamp(12px,1.6vw,22px)}
/* the card is the stacking layer: inside it the add button (z 3) lies above the link overlay (z 2); isolating .card-media would trap the button under the overlay */
.card{position:relative;display:grid;gap:.85rem;align-content:start;isolation:isolate}
.card-media{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:#fff}
.card-media>img,.card-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s,transform .8s var(--ease)}
.card-media>.alt{opacity:0}
.card:hover .card-media>.alt{opacity:1}
.card:hover .card-media>img:first-child{transform:scale(1.03)}
.card-media.contain>img{object-fit:contain;padding:6%}
.card-badges{position:absolute;left:12px;top:12px;z-index:3;display:flex;flex-wrap:wrap;gap:.35rem}
.card-add{position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:.4rem;height:42px;padding:0 1rem;border-radius:999px;border:0;background:rgba(255,255,255,.94);color:var(--ink);font-weight:600;font-size:.88rem;box-shadow:var(--sh-1);cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s var(--ease),background-color .2s}
.card-add svg{width:16px;height:16px}
.card:hover .card-add,.card-add:focus-visible{opacity:1;transform:none}
.card-add:hover{background:var(--ink);color:#fff}
.card-link{text-decoration:none}
.card-link::after{content:"";position:absolute;inset:0;z-index:2}
.card-body{display:grid;gap:.3rem}
.card-title{font-weight:600;font-size:1rem;line-height:1.32;letter-spacing:-.01em}
.card-sub{font-size:.86rem;color:var(--ink-3)}
.price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .6rem;font-variant-numeric:tabular-nums}
.price-row b{font-weight:650;font-size:1.06rem;letter-spacing:-.01em}
.price-row s{color:var(--ink-3);font-size:.88rem}
.swatch-row{display:flex;gap:6px;margin-top:.15rem;position:relative;z-index:3}
.swatch-row a{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(17,18,19,.12)}
.swatch-row a img{width:100%;height:100%;object-fit:cover}
.swatch-row a.is-current{box-shadow:0 0 0 2px var(--ground),0 0 0 3px var(--ink)}

/* category page */
.cat-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:end;padding-block:clamp(24px,4vw,48px) clamp(28px,3.6vw,48px)}
.cat-hero .frame{aspect-ratio:16/9}
.toolbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hh));z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:12px;margin-bottom:clamp(20px,2.4vw,32px);background:linear-gradient(var(--ground) 80%,rgba(244,244,241,0))}
.filters{display:flex;flex-wrap:wrap;gap:.5rem}
.select{position:relative}
.select select{appearance:none;-webkit-appearance:none;height:42px;padding:0 2.4rem 0 1rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.9rem;font-weight:520;cursor:pointer}
.select svg{position:absolute;right:14px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none}
.no-results{padding:48px 0;text-align:center;color:var(--ink-2)}

/* product page */
.pdp{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(24px,4vw,72px);align-items:start;padding-block:clamp(16px,2.4vw,32px) clamp(56px,7vw,100px)}
.gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;position:sticky;top:calc(var(--hh) + 20px)}
.thumbs{display:grid;align-content:start;gap:10px}
.thumb{position:relative;width:76px;height:76px;padding:0;border-radius:12px;overflow:hidden;border:0;background:#fff;cursor:pointer;box-shadow:0 0 0 1px rgba(17,18,19,.08);transition:box-shadow .2s}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb[aria-current="true"]{box-shadow:0 0 0 2px var(--ground),0 0 0 3.5px var(--ink)}
.thumb .play-mini{position:absolute;inset:0;display:grid;place-items:center;background:rgba(17,18,19,.25);color:#fff}
.thumb .play-mini svg{width:20px;height:20px}
.stage{position:relative;aspect-ratio:1;border-radius:var(--r-l);overflow:hidden;background:#fff;cursor:zoom-in}
.stage>img,.stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s}
.stage>.contain{object-fit:contain;padding:5%}
.stage.is-zoom{cursor:zoom-out}
.stage.is-zoom>img{transform:scale(2);transition:transform .2s}
.stage-nav{position:absolute;right:14px;bottom:14px;z-index:4;display:flex;gap:6px}
.stage-nav button{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-1)}
.stage-nav svg{width:16px;height:16px}
.info{display:grid;gap:clamp(18px,2vw,26px)}
.info-head{display:grid;gap:.7rem}
.rating{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink-2);text-decoration:none}
.stars{display:inline-flex;gap:1px;color:var(--ink)}
.stars svg{width:15px;height:15px}
.price-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .9rem}
.price-big b{font-size:clamp(2.2rem,3.4vw,2.9rem);font-weight:650;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.price-big s{color:var(--ink-3);font-size:1.05rem;font-variant-numeric:tabular-nums}
.vat{font-size:.82rem;color:var(--ink-3)}
.opt{display:grid;gap:.7rem}
.opt-head{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}
.opt-head b{font-weight:600}
.opt-head span{color:var(--ink-2)}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:999px;background:rgba(17,18,19,.06)}
.seg a,.seg button{display:grid;place-items:center;min-height:44px;padding:0 .9rem;border-radius:999px;border:0;background:transparent;color:var(--ink-2);font-weight:600;font-size:.93rem;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.seg [aria-current="true"],.seg [aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.06)}
.seg .off{opacity:.4}
.metals{display:flex;flex-wrap:wrap;gap:.9rem 1rem}
.metal{display:grid;justify-items:center;gap:.45rem;width:64px;text-decoration:none;font-size:.78rem;color:var(--ink-2);text-align:center;line-height:1.2}
.metal img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(17,18,19,.1);transition:transform .25s var(--ease),box-shadow .25s}
.metal:hover img{transform:scale(1.06)}
.metal[aria-current="true"]{color:var(--ink);font-weight:650}
.metal[aria-current="true"] img{box-shadow:0 0 0 2px var(--ground),0 0 0 4px var(--ink)}
.metal.is-na{opacity:.38}
.buy{display:grid;grid-template-columns:auto 1fr;gap:10px}
.delivery{display:grid;gap:.55rem;padding:16px 18px;border-radius:16px;background:var(--paper);font-size:.92rem}
.delivery b{font-weight:600}
.usps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem;font-size:.9rem;color:var(--ink-2)}
.usps li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.35}
.usps svg{width:19px;height:19px;flex:none;color:var(--ink);margin-top:1px}
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 0;font-weight:600;cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.plus{position:relative;width:16px;height:16px;flex:none}
.plus::before,.plus::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}
.plus::after{transform:rotate(90deg)}
details[open]>summary .plus::after{transform:rotate(0)}
.acc .acc-body{padding-bottom:1.2rem;color:var(--ink-2);display:grid;gap:.8rem}
.specs{width:100%;border-collapse:collapse;font-size:.92rem}
.specs th,.specs td{padding:.6rem 0;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top}
.specs th{font-weight:500;color:var(--ink-3);width:44%;padding-right:1rem}
.specs td{color:var(--ink)}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(105%);transition:transform .35s var(--ease)}
.sticky-buy.is-on{transform:none}
.sticky-buy .container{display:flex;align-items:center;gap:1rem;min-height:74px;padding-block:10px calc(10px + env(safe-area-inset-bottom,0px))}
.sticky-buy .frame{width:52px;height:52px;border-radius:10px;flex:none}
.sticky-buy .t{flex:1;min-width:0}
.sticky-buy .t b{display:block;font-weight:600;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy .t span{font-size:.9rem;font-variant-numeric:tabular-nums}

/* hold to pour (kinderslot) */
.hold-demo{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:#1a1a1a;isolation:isolate}
.hold-demo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hold-btn{position:absolute;right:clamp(12px,2vw,26px);bottom:clamp(12px,2vw,26px);z-index:3;width:clamp(96px,10.5vw,126px);aspect-ratio:1;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--ink);font-weight:650;font-size:.84rem;line-height:1.15;text-align:center;cursor:pointer;display:grid;place-items:center;padding:14px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .2s var(--ease)}
.hold-btn::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(var(--red) calc(var(--hold,0) * 360deg),rgba(255,255,255,.4) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.hold-btn.is-down{transform:scale(.95)}
.hold-btn.is-hot{color:var(--red-text)}
.hold-status{display:flex;align-items:center;gap:.6rem;min-height:1.7em;margin-top:1rem;font-size:.95rem;color:var(--ink-2)}
.hold-status::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink-3);flex:none;transition:background-color .3s,box-shadow .3s}
.hold-status.is-hot::before{background:var(--red);box-shadow:0 0 0 4px rgba(208,52,44,.18)}
.hold-status.is-ok::before{background:var(--ok)}

/* home */
.hero{padding-top:clamp(28px,5vw,72px)}
.hero-top{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(24px,4vw,72px);align-items:end;padding-bottom:clamp(28px,4vw,52px)}
.hero-media{--p:0}
.hero-frame{--w0:min(calc(var(--max) - 2 * var(--gut)),calc(100% - 2 * var(--gut)));width:calc(var(--w0) + (100% - var(--w0)) * var(--p));height:clamp(320px,68vh,800px);margin-inline:auto;border-radius:calc(var(--r-l) * (1 - var(--p)))}
.hero-frame>video{object-position:58% 50%}
.proof{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;list-style:none;margin:0;padding:clamp(20px,2.4vw,30px) 0 0;font-size:.94rem;color:var(--ink-2)}
.proof b{color:var(--ink);font-weight:650}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px)}
.tile{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;background:#222}
.tile>img,.tile>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.tile:hover>img,.tile:hover>video{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62));z-index:1}
.tile-body{position:absolute;left:clamp(18px,2vw,28px);right:clamp(18px,2vw,28px);bottom:clamp(18px,2vw,28px);z-index:2;display:flex;align-items:end;justify-content:space-between;gap:1rem}
.tile-body b{display:block;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:650;letter-spacing:-.03em;line-height:1.05}
.tile-body span{font-size:.92rem;opacity:.85}
.tile-go{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease)}
.tile:hover .tile-go{transform:translateX(4px)}
.tile-go svg{width:18px;height:18px}
.split{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,96px);align-items:center}
.split--rev{grid-template-columns:5fr 7fr}
.traits{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(56px,8vw,112px)}
.trait .frame{aspect-ratio:4/3;margin-bottom:1.1rem}
.trait p{color:var(--ink-2);margin-top:.45rem}
.trait .frame--white>img{padding:9%}
.kiezer{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,72px);align-items:center}
.kiezer-stage{aspect-ratio:1;background:#EDA374}
.kiezer-stage>img{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.kiezer-stage>img.on{opacity:1}
.warm{background:linear-gradient(180deg,var(--ground) 0,var(--warm) clamp(120px,14vw,240px),var(--warm) calc(100% - clamp(120px,14vw,240px)),var(--ground) 100%)}
.dark{--fade:clamp(140px,14vw,240px);color:var(--night-ink);background:linear-gradient(180deg,var(--ground) 0,#DADAD6 calc(var(--fade) * .25),#8A8B8C calc(var(--fade) * .55),#2A2B2D calc(var(--fade) * .8),var(--night) var(--fade),var(--night) calc(100% - var(--fade)),#2A2B2D calc(100% - var(--fade) * .8),#8A8B8C calc(100% - var(--fade) * .55),#DADAD6 calc(100% - var(--fade) * .25),var(--ground) 100%);padding-block:calc(var(--fade) + clamp(32px,4vw,64px)) calc(var(--fade) + clamp(40px,5vw,80px))}
.dark .label{color:#8E9196}
.dark .lead,.dark .muted{color:var(--night-ink-2)}
.player{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:#000}
.player video{width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;z-index:3;margin:auto;width:clamp(72px,8vw,96px);height:clamp(72px,8vw,96px);border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.4);transition:transform .25s var(--ease)}
.play:hover{transform:scale(1.06)}
.play svg{width:30%;height:30%;margin-left:6%}
.player.is-playing .play{display:none}
.review-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px)}
.review{display:grid;gap:.8rem;align-content:start;padding:clamp(20px,2.2vw,28px);border-radius:var(--r);background:var(--paper)}
.review p{color:var(--ink-2)}
.review footer{display:flex;justify-content:space-between;gap:1rem;font-size:.84rem;color:var(--ink-3)}
.b2b{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-radius:var(--r-l);overflow:hidden;background:var(--paper)}
.b2b .frame{border-radius:0;min-height:360px}
.b2b-body{display:grid;align-content:center;gap:1.1rem;padding:clamp(28px,4vw,64px)}
.usp-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}
.usp-bar div{display:flex;align-items:center;gap:.85rem;padding:22px clamp(12px,2vw,28px);background:var(--ground);font-size:.93rem;line-height:1.35}
.usp-bar svg{width:26px;height:26px;flex:none}
.usp-bar b{display:block;font-weight:600}
.usp-bar span{color:var(--ink-2)}

/* installatie */
.inst{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,96px);align-items:start}
.inst-media{position:sticky;top:calc(var(--hh) + 24px)}
.inst-frame{aspect-ratio:16/9;background:#E4E4E0;border-radius:var(--r-l)}
.inst-frame>video{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.inst-frame>video.on{opacity:1}
.inst-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}
.inst-bar button{height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;align-items:center}
.inst-bar button::after{content:"";display:block;height:3px;border-radius:3px;background:rgba(17,18,19,.14);transition:background-color .35s}
.inst-bar button.done::after{background:rgba(17,18,19,.45)}
.inst-bar button.on::after{background:var(--ink)}
.steps{list-style:none;margin:0;padding:0}
.step{min-height:62vh;display:grid;align-content:center;gap:.75rem;padding-block:2rem;color:var(--ink-3);transition:color .45s}
.step:first-child{min-height:46vh;align-content:start;padding-top:0}
.step .n{font-size:.76rem;font-weight:600;letter-spacing:.14em;font-variant-numeric:tabular-nums}
.step h3{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.035em;font-weight:650;line-height:1.08}
.step p{max-width:30rem}
.step.on{color:var(--ink)}
.step.on p{color:var(--ink-2)}

/* kookplaten schaal */
.scale-row{display:grid;gap:clamp(14px,2vw,28px);align-items:end}
.scale-row .card-media{aspect-ratio:auto;height:var(--fh);display:grid;place-items:center;background:#fff}
.scale-row .card-media>img{position:static;width:var(--iw);height:auto;max-height:90%;object-fit:contain;padding:0}
.fit-tool{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.75rem 1rem;padding:16px 18px;border-radius:16px;background:var(--paper)}
.fit-tool input{width:110px;height:44px;padding:0 .9rem;border-radius:12px;border:1px solid var(--line);background:#fff;font-variant-numeric:tabular-nums}

/* forms, checkout, cart page */
.form{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:.4rem;font-size:.9rem}
.field label{font-weight:550}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:.7rem .95rem;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,18,19,.08)}
.field .hint{font-size:.8rem;color:var(--ink-3)}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--red)}
.field .err{font-size:.8rem;color:var(--red-text)}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;color:var(--ink-2);cursor:pointer}
.check input{width:20px;height:20px;margin-top:1px;accent-color:var(--ink)}
.choice{display:grid;gap:10px}
.choice label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.choice input{accent-color:var(--ink);width:18px;height:18px}
.choice label:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.choice b{font-weight:600;display:block}
.choice span{font-size:.84rem;color:var(--ink-3)}
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.days label{display:grid;justify-items:center;gap:.1rem;padding:12px 6px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:center;font-size:.82rem;color:var(--ink-3);transition:border-color .2s,box-shadow .2s}
.days label b{font-size:1.2rem;color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.days input{position:absolute;opacity:0;pointer-events:none}
.days label:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);color:var(--ink)}
.days label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.checkout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,72px);align-items:start;padding-block:clamp(20px,3vw,40px) clamp(56px,7vw,100px)}
.panel{padding:clamp(20px,2.4vw,32px);border-radius:var(--r-l);background:var(--paper)}
.summary{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:1rem}
.stepper{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:24px;font-size:.88rem;color:var(--ink-3)}
.stepper span{display:inline-flex;align-items:center;gap:.5rem}
.stepper i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);font-style:normal;font-weight:650;font-size:.78rem;background:#fff}
.stepper .is-on{color:var(--ink);font-weight:600}
.stepper .is-on i{background:var(--ink);border-color:var(--ink);color:#fff}
.stepper .is-done i{background:var(--ok);border-color:var(--ok);color:#fff}
.stepper hr{width:28px;border:0;border-top:1px solid var(--line);margin:0}

/* content pages */
.page-head{padding-block:clamp(28px,5vw,72px) clamp(24px,3vw,40px);display:grid;gap:1rem;max-width:56rem}
.prose{max-width:44rem;display:grid;gap:1rem;color:var(--ink-2)}
.prose h2{color:var(--ink);font-size:1.5rem;letter-spacing:-.025em;margin-top:1rem}
.faq-layout{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,72px);align-items:start}
.faq-nav{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:.3rem}
.faq-nav a{padding:.55rem .9rem;border-radius:999px;text-decoration:none;color:var(--ink-2);font-weight:520}
.faq-nav a:hover{background:rgba(17,18,19,.06);color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px);align-items:start}
.contact-cards{display:grid;gap:12px}
.contact-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:18px 20px;border-radius:16px;background:var(--paper);text-decoration:none}
.contact-card svg{width:24px;height:24px}
.contact-card b{display:block;font-weight:600}
.contact-card span{font-size:.9rem;color:var(--ink-2)}
.notfound{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px);align-items:center;padding-block:clamp(40px,7vw,110px)}

/* footer */
.site-footer{--fade:clamp(100px,10vw,180px);background:linear-gradient(180deg,var(--ground) 0,#DADAD6 calc(var(--fade) * .25),#8A8B8C calc(var(--fade) * .55),#2A2B2D calc(var(--fade) * .8),var(--ink) var(--fade));color:#BDBFC3;padding-block:calc(var(--fade) + clamp(40px,5vw,80px)) 28px;font-size:.94rem}
.wordmark{margin:0 0 clamp(40px,5vw,80px);font-size:clamp(4.4rem,20vw,19rem);font-weight:750;letter-spacing:-.065em;line-height:.78;color:#F2F2EF}
.foot-lead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;padding-bottom:clamp(32px,4vw,52px);margin-bottom:clamp(32px,4vw,52px);border-bottom:1px solid rgba(255,255,255,.12)}
.foot-lead p{font-size:clamp(1.15rem,1.9vw,1.55rem);color:#F2F2EF;letter-spacing:-.02em;font-weight:500;max-width:34rem;line-height:1.35}
.foot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}
.foot-grid h4{margin:0 0 .9rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7E8186}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:#fff}
.foot-grid address{font-style:normal;line-height:1.75}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin-top:clamp(40px,5vw,72px);padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#7E8186}
.legal a{text-decoration:none}
.legal a:hover{color:#fff}
.site-footer .pay{background:transparent;border-color:rgba(255,255,255,.18);color:#D8D8D4}

/* page transitions */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:var(--ease)}
::view-transition-old(root){animation-name:vt-out}
::view-transition-new(root){animation-name:vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}
::view-transition-group(product-hero){animation-duration:.5s;animation-timing-function:var(--ease)}
.site-header{view-transition-name:site-header}
#app{min-height:60vh}

/* responsive */
@media (max-width:1180px){
  .nav{display:none}
  .menu-toggle{display:inline-grid}
  .bar{grid-template-columns:auto 1fr auto}
  .search-trigger .t,.search-trigger .kbd{display:none}
  .search-trigger{width:44px;padding:0;justify-content:center;border:0;background:transparent}
  .foot-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .hero-top,.split,.split--rev,.kiezer,.inst,.pdp,.checkout,.faq-layout,.contact-grid,.cat-hero,.notfound,.b2b{grid-template-columns:1fr}
  .gallery{position:static;grid-template-columns:1fr}
  .thumbs{grid-auto-flow:column;grid-auto-columns:64px;overflow-x:auto;order:2;padding-bottom:4px}
  .thumb{width:64px;height:64px}
  .summary,.faq-nav{position:static}
  .faq-nav{grid-auto-flow:column;overflow-x:auto;justify-content:start}
  .traits{grid-template-columns:1fr;gap:36px}
  .review-wall{grid-template-columns:1fr}
  .usp-bar{grid-template-columns:1fr 1fr}
  .inst-media{top:var(--hh);z-index:5;margin-inline:calc(-1 * var(--gut));padding:8px var(--gut) 2px;background:var(--ground)}
  .inst-frame{border-radius:var(--r)}
  .step,.step:first-child{min-height:52vh;align-content:center;padding-top:2rem}
  .scale-row{grid-template-columns:1fr!important}
  .scale-row .card-media{height:auto;padding:9% 0}
  .scale-row .card-media>img{width:calc(var(--s) * 78%);max-height:none}
  .b2b .frame{min-height:260px}
}
@media (max-width:760px){
  :root{--hh:62px}
  .tiles{grid-template-columns:1fr;gap:12px}
  .tile{aspect-ratio:16/11}
  .grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .card-add{opacity:1;transform:none;height:38px;width:38px;padding:0;justify-content:center;right:8px;bottom:8px}
  .card-add .t{display:none}
  .card-title{font-size:.92rem}
  .usps{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .days{grid-template-columns:repeat(3,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .hero-frame{height:clamp(300px,58vh,560px)}
  .hero-frame>video{object-position:64% 50%}
  .fit-tool{grid-template-columns:1fr 1fr}
  .usp-bar{grid-template-columns:1fr}
  .usp-bar div{padding:16px var(--gut)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===== components added for the shop views ===== */
.live-dot{position:absolute;right:8px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--ground)}
.live{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ink-3);flex:none}
.live.is-open{background:var(--ok);box-shadow:0 0 0 4px rgba(46,122,74,.16);animation:livePulse 2.4s ease-in-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(46,122,74,.05)}}
.live-row{display:inline-flex;align-items:center;gap:.6rem;font-size:.92rem;color:var(--ink-2)}
.live-row.big{font-size:1.02rem;margin-top:.4rem}
.stars-fill{--sz:15px;position:relative;display:inline-flex;vertical-align:-2px;line-height:0}
.stars-fill .stars{color:#D5D5D0}
.stars-fill svg{width:var(--sz);height:var(--sz)}
.stars-fill .on{position:absolute;left:0;top:0;width:var(--pct);overflow:hidden;white-space:nowrap}
.stars-fill .on .stars{color:var(--ink)}
.card-rating{display:flex;align-items:center;gap:.4rem}
.card.pop .card-media{animation:cardPop .36s var(--ease)}
@keyframes cardPop{40%{transform:scale(.97)}100%{transform:none}}
.card-add.is-done,.btn.is-done{background:var(--ok)!important;color:#fff!important}
#cart-count.pop{animation:badgePop .3s var(--ease)}
@keyframes badgePop{40%{transform:scale(1.35)}100%{transform:scale(1)}}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.checks li{position:relative;padding-left:1.8rem;line-height:1.45}
.checks li::before{content:"";position:absolute;left:.25rem;top:.28em;width:.42rem;height:.78rem;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.center{display:flex;justify-content:center;margin-top:28px;text-align:center}
.hide-xs{display:inline}
.icon-btn.outline{border:1px solid var(--line);background:#fff}
.price-big b.tick{animation:tick .35s var(--ease)}
@keyframes tick{from{opacity:.2;transform:translateY(5px)}}
.buybox{display:grid;gap:1rem;padding:clamp(18px,2.2vw,28px);border-radius:var(--r);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.buybox-name{font-weight:600}
.buybox .small svg{width:15px;height:15px;vertical-align:-3px}
.buy{grid-template-columns:auto 1fr}
.buy .btn{width:100%}

/* tools */
.tool{display:grid;gap:14px}
.tool-q{display:grid;gap:8px}
.tool .q{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:12px 14px;border-radius:14px;background:var(--paper)}
.tool .q b{display:block;font-weight:600;font-size:.94rem;line-height:1.35}
.tool .q span{display:block;margin-top:.1rem}
.seg--yn{grid-auto-columns:64px}
.seg--yn button{min-height:38px;font-size:.88rem}
.verdict{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:14px 16px;border-radius:14px;background:var(--ok-soft);color:var(--ok)}
.verdict.warn{background:var(--warn-soft);color:var(--warn)}
.verdict svg{width:24px;height:24px}
.verdict b{display:block;color:var(--ink);font-weight:650}
.verdict span{display:block;color:var(--ink-2);font-size:.92rem}
.tips{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--ink-2);font-size:.92rem}
.tool-out{display:grid;gap:12px}
.slider{display:grid;gap:.4rem}
.slider label{display:flex;justify-content:space-between;font-weight:550;font-size:.92rem}
.slider output{font-weight:650}
.slider input{width:100%;accent-color:var(--ink)}
.energy-out{grid-template-columns:repeat(3,1fr)}
.stat{padding:14px;border-radius:14px;background:var(--ground)}
.stat b{display:block;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:650;letter-spacing:-.03em}
.stat span{font-size:.82rem;color:var(--ink-3)}
.panel .stat{background:var(--ground)}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);align-items:stretch}
.fit-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fit-list li a{display:grid;gap:.1rem;text-decoration:none}
.fit-list li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:12px 14px;border-radius:14px;background:var(--paper);border:1px solid transparent}
.fit-list li b{font-weight:600}
.fit-list li span{font-size:.85rem;color:var(--ink-2)}
.fit-list em{font-style:normal;font-weight:650;font-size:.82rem;padding:.25rem .6rem;border-radius:999px;background:var(--ground)}
.fit-list li.ok{border-color:var(--ok)}
.fit-list li.ok em{background:var(--ok-soft);color:var(--ok)}
.fit-list li.maybe em{background:var(--warn-soft);color:var(--warn)}
.fit-list li.no{opacity:.6}

/* sections */
.reviews-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;margin-bottom:clamp(28px,3.6vw,48px)}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px)}
.compare article{display:grid;gap:.6rem;align-content:start}
.compare .frame{aspect-ratio:4/3;margin-bottom:.4rem}
.compare .frame--white img{padding:6%}
.subtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}
.subtile{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:8px;border-radius:16px;border:1px solid var(--line);background:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.subtile .frame{width:64px;height:64px;border-radius:12px}
.subtile b{font-weight:600;font-size:.95rem;line-height:1.25}
.subtile:hover{border-color:var(--ink-3)}
.subtile.is-on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.service-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:clamp(18px,2.2vw,28px);border-radius:var(--r);background:var(--paper)}
.service-strip b{display:block;font-weight:650;margin-bottom:.15rem}
.group{margin-bottom:clamp(36px,5vw,64px)}
.group-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1rem;padding-bottom:1rem;margin-bottom:clamp(18px,2.2vw,28px);border-bottom:1px solid var(--line)}
.scale-row .card-media>img{width:var(--iw)}
.glas-grid{display:grid;grid-template-columns:8fr 4fr;gap:clamp(12px,1.6vw,22px)}
.result-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(20px,3vw,48px);align-items:start}
.result-grid .frame{aspect-ratio:16/9}
.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:var(--line);border-radius:var(--r);overflow:hidden}
.specgrid div{padding:16px;background:var(--paper)}
.specgrid dt{font-size:.78rem;color:var(--ink-3)}
.specgrid dd{margin:.2rem 0 0;font-weight:650;font-size:1.08rem;letter-spacing:-.01em}
.numbered{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:n}
.numbered li{position:relative;display:grid;gap:.15rem;padding-left:3rem;counter-increment:n}
.numbered li::before{content:counter(n);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:650;font-size:.9rem}
.numbered b{font-weight:650}
.numbered span{color:var(--ink-2)}

/* product page extras */
.clock-inline{display:block;font-size:.82rem;color:#C9C9C5;font-variant-numeric:tabular-nums;margin-top:.1rem}
.deal{display:flex;gap:.7rem;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--red-soft);color:var(--red-text);font-size:.92rem}
.deal svg{width:20px;height:20px;flex:none;margin-top:1px}
.deal span{color:var(--ink)}
.delivery--late{background:var(--warn-soft)}
.info-rows{border-top:1px solid var(--line)}
.info-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:16px 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;transition:background-color .2s,padding .2s}
.info-row:hover{background:rgba(17,18,19,.03);padding-inline:10px}
.info-row b{display:block;font-weight:600}
.info-row span span{display:block;font-size:.86rem;color:var(--ink-3)}
.info-row svg{width:18px;height:18px;flex:none;color:var(--ink-3)}
.service-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink-2)}
.bundle{display:grid;gap:20px;padding:clamp(20px,2.6vw,36px);border-radius:var(--r-l);background:var(--paper)}
.bundle-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.bundle-item{position:relative;display:grid;grid-template-columns:auto 72px 1fr;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background-color .2s}
.bundle-item:has(input:checked){border-color:var(--ink);background:rgba(17,18,19,.02)}
.bundle-item.is-self{cursor:default}
.bundle-item input{width:20px;height:20px;accent-color:var(--ink)}
.bundle-item .frame{width:72px;height:72px;border-radius:12px}
.bundle-item .frame img{object-fit:contain}
.bi-text{display:grid;gap:.1rem;min-width:0}
.bi-text b{font-weight:600;font-size:.9rem;line-height:1.3}
.bi-text>span{font-size:.8rem;color:var(--ink-3)}
.bundle-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:16px;border-top:1px solid var(--line)}
.bundle-total b{display:inline-block;font-size:1.6rem;font-weight:650;letter-spacing:-.03em;margin:0 .5rem}
.desc-grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(20px,4vw,72px);align-items:start}
.desc-grid>.btn{grid-column:2;justify-self:start}
.desc{display:grid;gap:1.2rem;color:var(--ink-2);max-width:48rem;position:relative}
.desc.clamp{max-height:360px;overflow:hidden}
.desc.clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(244,244,241,0),var(--ground))}
.desc-sec{display:grid;gap:.55rem}
.desc-sec h3{color:var(--ink)}
.desc ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.rail>.card{scroll-snap-align:start}
@media (min-width:1100px){.rail{grid-auto-columns:calc((100% - 3 * 22px) / 4)}}
.drawings{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drawings .frame{aspect-ratio:1;border:1px solid var(--line);padding:0;cursor:zoom-in}
.drawings img{padding:6%}
.service-card{display:grid;gap:.4rem;margin-top:1.2rem;padding:16px;border-radius:14px;background:var(--ground)}
.sticky-buy .save-mini{font-size:.8rem;color:var(--red-text);font-weight:600;margin-left:.3rem}

/* drawer extras */
.code-chip{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 14px;border:1px dashed var(--ok);border-radius:12px;background:var(--ok-soft);color:var(--ok);font-size:.9rem}
.code-chip svg{width:16px;height:16px;vertical-align:-3px}
.code-box summary{cursor:pointer;font-size:.9rem;font-weight:550;color:var(--ink-2);list-style:none}
.code-box summary::-webkit-details-marker{display:none}
.code-box summary::after{content:" +";color:var(--ink-3)}
.code-box[open] summary::after{content:" −"}
.code-form{display:flex;gap:8px;margin-top:10px}
.code-form input{flex:1;min-width:0;height:40px;padding:0 .9rem;border-radius:999px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.err{font-size:.82rem;color:var(--red-text)}
.save-line{color:var(--red-text);font-size:.9rem;font-weight:600}
.drawer-foot .totals{margin-top:.2rem}
.drawer.side{width:min(560px,100%);z-index:86}
.side-body{padding-top:0;display:grid;align-content:start;gap:1rem;color:var(--ink-2)}
.side-body .desc-sec h3{margin-top:.6rem}
.side-body ul{padding-left:1.1rem}

/* checkout */
.sum-lines{display:grid;gap:12px}
.sum-line{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center}
.sum-line .frame{width:60px;height:60px;border-radius:12px;overflow:visible;border:1px solid var(--line-2)}
.sum-line .frame img{border-radius:12px;object-fit:contain}
.sum-line i{position:absolute;right:-7px;top:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--ink-2);color:#fff;font-style:normal;font-size:.72rem;font-weight:650;display:grid;place-items:center}
.sum-line b{display:block;font-weight:600;font-size:.9rem;line-height:1.3}
.sum-line span span{font-size:.8rem;color:var(--ink-3)}
.summary .soft svg{width:15px;height:15px;vertical-align:-3px}
.cart-lines .line{grid-template-columns:110px 1fr}
.cart-lines .line .frame{width:110px;height:110px}
.confirm{display:grid;justify-items:center;text-align:center;gap:1rem;max-width:680px;margin-inline:auto;padding-block:clamp(40px,7vw,100px)}
.confirm-mark{width:72px;height:72px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;animation:markIn .6s var(--ease)}
.confirm-mark svg{width:34px;height:34px;stroke-width:2.2}
@keyframes markIn{from{transform:scale(.4);opacity:0}}
.confirm .panel{width:100%;display:grid;gap:12px}
.search-inline{display:flex;gap:8px;max-width:520px}
.search-inline input{flex:1;min-width:0;height:50px;padding:0 1rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:1rem}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:140;background:rgba(10,10,11,.92);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.lightbox.is-open{opacity:1;visibility:visible;transition:opacity .25s}
.lightbox img{max-width:min(92vw,1400px);max-height:88vh;object-fit:contain;border-radius:12px;background:#fff;cursor:zoom-out}
.lightbox button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.lightbox button svg{width:20px;height:20px}
.lb-close{right:18px;top:calc(18px + env(safe-area-inset-top,0px))}
.lb-prev{left:18px;top:50%;transform:translateY(-50%)}
.lb-next{right:18px;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);color:#fff;font-size:.9rem}

/* faq, reviews */
.faq-search{position:relative;max-width:640px}
.faq-search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ink-3)}
.faq-search input{width:100%;height:58px;padding:0 1rem 0 3.1rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:1.02rem}
.faq-search input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,18,19,.08)}
.faq-side{position:sticky;top:calc(var(--hh) + 24px)}
.faq-group h2{margin-bottom:.4rem}
.acc summary .qn{display:inline-grid;place-items:center;min-width:2.1rem;height:1.6rem;margin-right:.8rem;border-radius:999px;background:var(--paper);font-size:.74rem;color:var(--ink-3)}
.acc summary{justify-content:flex-start}
.acc summary .plus{margin-left:auto}
.rev-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:end;padding-block:clamp(24px,4vw,56px)}
.score{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.score>b{font-size:clamp(3.4rem,6vw,5rem);font-weight:650;letter-spacing:-.05em;line-height:1}
.hist{display:grid;gap:10px}
.hist-row{display:grid;grid-template-columns:3rem 1fr 3rem;align-items:center;gap:12px;font-size:.9rem}
.hist-row svg{width:13px;height:13px;vertical-align:-1px}
.hist-track{height:8px;border-radius:8px;background:var(--ground);overflow:hidden}
.hist-track i{display:block;height:100%;background:var(--ink);border-radius:8px}
.hist-row .num{text-align:right}
.masonry{columns:3 300px;column-gap:clamp(12px,1.6vw,22px)}
.masonry .review{break-inside:avoid;margin-bottom:clamp(12px,1.6vw,22px)}
.review footer a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.review .soft svg{width:14px;height:14px;vertical-align:-2px;color:var(--ok)}

@media (max-width:980px){
  .compare,.tool-grid,.rev-hero,.desc-grid,.result-grid,.glas-grid{grid-template-columns:1fr}
  .desc-grid>.btn{grid-column:1}
  .subtiles{grid-template-columns:1fr 1fr}
  .specgrid{grid-template-columns:1fr 1fr}
  .faq-side{position:static}
}
@media (max-width:760px){
  .energy-out{grid-template-columns:1fr 1fr 1fr}
  .stat b{font-size:1.1rem}
  .tool .q{grid-template-columns:1fr}
  .subtile{grid-template-columns:48px 1fr}
  .subtile .frame{width:48px;height:48px}
  .hide-xs{display:none}
  .cart-lines .line{grid-template-columns:84px 1fr}
  .cart-lines .line .frame{width:84px;height:84px}
  .bundle-item{grid-template-columns:auto 60px 1fr}
  .bundle-item .frame{width:60px;height:60px}
  .buy{grid-template-columns:1fr}
  .buy .qty{justify-self:start}
}

fieldset.panel{border:0;margin:0;min-width:0}
fieldset.panel legend{float:left;width:100%}
fieldset.panel legend+*{clear:both}
.drawer-extras{display:grid;gap:10px;margin-top:18px}
.drawer-extras:empty{display:none}

@media (max-width:1180px){.mega{display:none}}
button.metal{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--ink-2)}
button.metal[aria-pressed="true"]{color:var(--ink);font-weight:650}
button.metal[aria-pressed="true"] img{box-shadow:0 0 0 2px var(--warm),0 0 0 4px var(--ink)}
.ship-meter svg{width:18px;height:18px;flex:none}
.card-badges{right:12px}
.card-badges .pill{white-space:normal;line-height:1.25}

/* customer photos on reviews */
.review.has-photo{padding-top:clamp(10px,1.2vw,14px)}
.review-photo{position:relative;display:block;width:100%;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--ground);cursor:zoom-in}
.review-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .6s var(--ease)}
.review-photo:hover img{transform:scale(1.03)}
.klantfoto{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.74rem;font-weight:600;color:var(--ink)}
.klantfoto svg{width:13px;height:13px;color:var(--ok)}
.masonry--home{columns:3 280px}
.photo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,22vw,270px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.rail-photo{scroll-snap-align:start}
.rail-photo img{aspect-ratio:3/4}
.rail-cap{position:absolute;left:0;right:0;bottom:0;display:grid;gap:.1rem;padding:40px 12px 12px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.62));color:#fff;text-align:left}
.rail-cap b{font-size:.88rem;font-weight:600}
.rail-cap span{font-size:.76rem;opacity:.85}
.rail-cap .stars-fill .stars{color:rgba(255,255,255,.35)}
.rail-cap .stars-fill .on .stars{color:#fff}

/* manuals and documents */
.docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(12px,1.6vw,20px)}
.doc{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-align:left;text-decoration:none;color:inherit;font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.doc:hover{border-color:var(--ink-3);box-shadow:var(--sh-1);transform:translateY(-2px)}
.doc-cover{display:block;width:96px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(17,18,19,.08),0 6px 16px rgba(17,18,19,.08)}
.doc-cover img{width:100%;height:100%;object-fit:cover;object-position:top}
.doc-cover.is-white img{object-fit:contain;padding:8%}
.doc-body{display:grid;gap:.25rem;min-width:0}
.doc-body b{font-weight:600;line-height:1.3}
.doc-cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-weight:600;font-size:.88rem}
.doc-cta svg{width:15px;height:15px;transition:transform .25s var(--ease)}
.doc:hover .doc-cta svg{transform:translateX(3px)}
.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:g}
.guide-steps li{position:relative;display:grid;gap:.2rem;padding-left:2.8rem;counter-increment:g}
.guide-steps li::before{content:counter(g);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:650;font-size:.9rem}
.guide-steps b{color:var(--ink);font-weight:650}


/* "Je kunt ons kennen van" logo strip */
.known{padding-block:clamp(14px,2vw,24px) 0}
.known-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px clamp(28px,5vw,80px);padding:18px clamp(20px,3vw,40px);border-radius:var(--r-l);background:var(--paper)}
.known-label{margin:0;font-size:.95rem;font-weight:550;letter-spacing:-.005em;color:var(--ink-2);white-space:nowrap}
.known-logos{flex:1;display:flex;align-items:center;justify-content:space-around;gap:clamp(20px,4vw,64px);list-style:none;margin:0;padding:0}
.known-logos li{display:grid;place-items:center}
.known-logos img{display:block;width:auto;height:var(--lh,24px);filter:grayscale(1) contrast(1.1);opacity:.62;transition:filter .3s,opacity .3s}
.known-logos li:hover img{filter:none;opacity:1}
.known-albert-heijn{--lh:36px}
.known-vattenfall{--lh:21px}
.known-rtl4{--lh:19px}
.known-unive{--lh:27px}
@media (max-width:760px){
  .known-in{justify-content:center;padding:14px 18px 16px}
  .known-label{width:100%;text-align:center;font-size:.84rem}
  .known-logos{justify-content:space-between;gap:12px}
  .known-albert-heijn{--lh:30px}
  .known-vattenfall{--lh:15px}
  .known-rtl4{--lh:14px}
  .known-unive{--lh:21px}
}

/* review walls: 3 cards on phones, unfold for more */
.more-m{display:none;justify-content:center;margin-top:4px}
.more-m .btn svg{width:16px;height:16px}
@media (max-width:760px){
  [data-m3]:not(.is-open)>:nth-child(n+4){display:none}
  [data-m3]:not(.is-open)+.more-m{display:flex}
  [data-m3]:not(.is-open)+.more-m+.center{display:none}
}

/* product page: calmer gallery width, buy button in the first screen */
.pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.6vw,64px)}
.pdp-title{font-size:clamp(1.75rem,2.4vw,2.4rem)}
.info{gap:clamp(14px,1.5vw,20px)}
.info-head{gap:.4rem}
.pdp .price-big b{font-size:clamp(2rem,2.8vw,2.5rem)}
.pdp .opt{gap:.5rem}
.pdp .seg a,.pdp .seg button{min-height:40px}
.pdp .metals{gap:.6rem .7rem}
.pdp .metal{width:60px;font-size:.76rem;gap:.35rem}
.pdp .metal img{width:44px;height:44px}
.pdp .delivery{padding:12px 16px;gap:.25rem;font-size:.9rem}
.pdp .qty--lg{height:54px}
.pdp .buy .btn--lg{min-height:54px}
.pdp .info-row{padding:12px 4px}
@media (min-width:981px){
  .gallery{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .thumbs{height:0;min-height:100%;overflow-y:auto;scrollbar-width:none;padding:3px 3px 0;margin:-3px -3px 0}
  .thumbs::-webkit-scrollbar{display:none}
  .thumb{width:58px;height:58px;flex:none}
}
/* HOWAT in the Leno Deco shopfront design system.
   Loaded after app.css: tokens, page chrome, home, cards, product page, modal and finish dots. */

:root{
  --ground:#FFFFFF;
  --ground-2:#FAF8F4;
  --paper:#FFFFFF;
  --ink:#141211;
  --ink-2:#6B6459;
  --ink-3:#8A847A;
  --line:#EBE7E0;
  --line-2:#F1ECE3;
  --accent:#C05530;
  --accent-2:#A94825;
  --accent-soft:rgba(192,85,48,.12);
  --warm:#FAF8F4;
  --night:#141211;
  --night-2:#1F1C1A;
  --night-ink:#F4F2EE;
  --night-ink-2:rgba(255,255,255,.62);
  --ok:#166534;
  --ok-soft:#F0FDF4;
  --ok-line:#BBF7D0;
  --ok-dot:#22C55E;
  --gut:32px;
  --max:1280px;
  --hh:96px;
  --r-s:6px;
  --r:8px;
  --r-l:16px;
  --sh-1:0 1px 2px rgba(20,18,17,.06),0 8px 24px -12px rgba(20,18,17,.25);
  --sh-2:0 18px 40px rgba(20,18,17,.10);
}
@media (max-width:1023px){:root{--hh:64px}}
@media (max-width:767px){:root{--gut:20px}}

body{background:#fff;font-size:15px}
.container{max-width:var(--max)}
.section{padding-block:clamp(48px,6vw,80px)}
.section--beige{background:var(--ground-2)}
.display{font-size:clamp(34px,5vw,72px);line-height:1.04;letter-spacing:-.025em;font-weight:600}
.h1{font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.025em;font-weight:600}
.h2{font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.025em;font-weight:600}
.h3{font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.02em;font-weight:600}
.label{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.lead{font-size:clamp(15px,1.15vw,17px);line-height:1.65;color:var(--ink-2)}
.subline{display:block;margin-top:4px;font-size:clamp(19px,1.7vw,24px);font-weight:500;letter-spacing:-.015em;color:#7a746b}
.sec-head{gap:.6rem;margin-bottom:clamp(24px,3vw,40px)}
.link{color:var(--ink);font-weight:600}

/* buttons */
.btn{border-radius:999px;font-size:15px;min-height:48px;padding:0 24px}
.btn--accent{background:var(--accent);color:#fff;border-color:transparent}
.btn--accent:hover{background:var(--accent-2)}
.btn--ink{background:#0a0a0a;color:#fff}
.btn--ink:hover{background:#2a2a2a}
.btn--sq{border-radius:6px}
.btn--dark-sq{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 20px;border-radius:6px;background:#0a0a0a;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s}
.btn--dark-sq:hover{background:#2a2a2a}
.btn--ghost-white{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}
.btn--ghost-white:hover{border-color:rgba(255,255,255,.8)}
.btn--line{border-color:var(--line);background:#fff}
.btn--line:hover{border-color:var(--ink)}
.btn svg{width:16px;height:16px}

/* ---------- finish dots (Quooker style) ---------- */
.fdot{display:inline-block;flex:none;width:var(--d,18px);height:var(--d,18px);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(20,18,17,.12),0 1px 1px rgba(20,18,17,.08);vertical-align:middle}
.fdot--chroom{background:radial-gradient(circle at 32% 28%,#fff 0,#f1f2f4 18%,#c8ccd2 52%,#9aa0a8 100%)}
.fdot--rvs{background:radial-gradient(circle at 32% 28%,#f4f4f2 0,#d6d6d2 30%,#a9a9a4 70%,#8a8a85 100%)}
.fdot--zwart{background:radial-gradient(circle at 32% 28%,#6a6a6a 0,#3a3a3a 30%,#1c1c1c 70%,#0d0d0d 100%)}
.fdot--gunmetal{background:radial-gradient(circle at 32% 28%,#a2a4a7 0,#6c6f73 32%,#46494d 72%,#2e3033 100%)}
.fdot--brons{background:radial-gradient(circle at 32% 28%,#f0d6b4 0,#c9a071 34%,#9a7148 74%,#72502f 100%)}
.fdots{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fdots a{display:inline-flex;border-radius:50%;padding:2px;box-shadow:0 0 0 1px transparent;transition:box-shadow .2s}
.fdots a:hover{box-shadow:0 0 0 1px var(--ink-3)}
.fdots a.is-current{box-shadow:0 0 0 1.5px var(--ink)}

/* ---------- promo bar ---------- */
.promo{position:relative;overflow:hidden;background:var(--night);color:#fff;padding:0}
.promo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 140% at 50% 0%,rgba(192,85,48,.26),transparent 70%)}
.promo .container{position:relative;display:block}
.promo-row{display:flex;align-items:center;justify-content:center;gap:4px 24px;min-height:48px;padding-block:6px}
.promo-text{display:flex;align-items:center;gap:10px;min-width:0;color:#fff;text-decoration:none}
.promo-spark{width:16px;height:16px;color:var(--accent);flex:none}
.promo-t{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-t .acc{color:#E58A63;font-weight:600}
.promo-t .sep{margin-inline:6px;color:rgba(255,255,255,.3)}
/* the short "30% extra korting" of a row without an accent word, for a bar that hides the full offer text (hob landing page) */
.promo-t .promo-short{display:none;color:#E58A63;font-weight:600}
.promo-t b{font-weight:600}
.promo-t .soft-w{color:rgba(255,255,255,.7);white-space:nowrap}
.promo .code-chip{display:inline-flex;align-items:center;padding:2px 8px;border:1px dashed rgba(229,138,99,.7);border-radius:6px;background:rgba(192,85,48,.18);color:#F0A585;font:600 12px/1.4 var(--font);letter-spacing:.12em;cursor:pointer;transition:background-color .2s}
.promo .code-chip:hover{background:rgba(192,85,48,.3)}
.promo-clock{display:flex;align-items:center;gap:12px}
.promo-clock .nog{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.5)}
.klok{display:inline-flex;align-items:flex-start}
.klok .u{display:flex;flex-direction:column;align-items:center}
.klok .n{font-size:15px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.klok .l{margin-top:2px;font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.klok .c{margin-inline:6px;font-size:15px;font-weight:300;line-height:1;color:#E58A63}
.klok--big .n{font-size:22px}
.klok--big .c{font-size:22px}
.promo-mob{display:none;align-items:center;justify-content:center;gap:12px;padding-bottom:6px}
.promo-note{margin:0;padding-bottom:6px;text-align:center;font-size:10px;color:rgba(255,255,255,.4)}
@media (min-width:768px){.promo-note{margin-top:-4px}}
/* a second offer (another code or end) gets its own row; phones show the first offer only */
.promo-offer+.promo-offer .promo-row{border-top:1px solid rgba(255,255,255,.08)}
.promo-note--first{display:none}
@media (max-width:767px){
  .promo-offer--more,.promo-note--all{display:none}
  .promo-note--first{display:block}
  .promo-row>.code-chip,.promo-row>.promo-clock{display:none}
  .promo-mob{display:flex}
  .promo-t{font-size:13px;white-space:normal;text-align:center}
  .promo-spark{display:none}
}

/* ---------- top bar ---------- */
.site-top{position:sticky;top:0;z-index:60}
.topbar{background:var(--night);color:rgba(255,255,255,.8)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;height:36px;font-size:12px}
.topbar-in>div{display:flex;align-items:center;gap:24px}
.topbar a,.topbar span.tb{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.topbar a:hover{color:#fff}
.topbar svg{width:14px;height:14px}
.tb-stars{display:inline-flex;gap:1px;color:#E58A63}
.tb-stars svg{width:12px;height:12px}
.tb-score{font-weight:600;color:#E58A63}
.tb-live{width:7px;height:7px;border-radius:50%;background:#7a746b;flex:none}
.tb-live.is-open{background:var(--ok-dot);box-shadow:0 0 0 3px rgba(34,197,94,.2)}
@media (max-width:1023px){.topbar{display:none}}

/* ---------- header ---------- */
.site-header{position:relative;top:auto;z-index:1;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header.is-scrolled{box-shadow:0 8px 24px -16px rgba(20,18,17,.25)}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--hh)}
.brand{display:flex;align-items:center;min-height:44px;flex:none}
.brand img{display:block;height:40px;width:auto}
.site-header .nav{display:flex;align-items:center;gap:2px;margin:0;min-width:0}
.site-header .nav>a,.site-header .nav>button{position:relative;display:inline-flex;align-items:center;gap:4px;padding:34px 10px;border:0;background:none;font:500 15px/1 var(--font);color:rgba(20,18,17,.85);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s}
.site-header .nav>a:hover,.site-header .nav>button:hover,.site-header .nav>button[aria-expanded="true"],.site-header .nav>a[aria-current="page"]{color:var(--accent)}
.site-header .nav svg{width:14px;height:14px}
.site-header .tools{display:flex;align-items:center;gap:8px}
.btn--hdr{min-height:42px;padding:0 20px;font-size:14px}
.site-header .icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer}
.site-header .icon-btn:hover{background:var(--ground-2)}
.site-header .icon-btn svg{width:22px;height:22px}
.cart-btn{position:relative}
.cart-btn .count{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center}
.menu-toggle{display:none!important}
.search-trigger{display:none!important}
@media (max-width:1180px){.site-header .nav>a,.site-header .nav>button{font-size:14px;padding-inline:7px}}
@media (max-width:1023px){
  .site-header .bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
  .site-header .nav{display:none}
  .menu-toggle{display:grid!important;justify-self:start}
  .brand{justify-self:center}
  .brand img{height:34px}
  .site-header .tools{justify-self:end;gap:2px}
}
@media (max-width:639px){.btn--hdr{display:none}}
/* the smallest phones: a slightly smaller wordmark and icon buttons, so the logo keeps clear of the search icon */
@media (max-width:359px){
  .brand img{height:28px}
  .site-header .icon-btn{width:40px;height:40px}
  .site-header .tools{gap:0}
}

/* mega menu (Leno: feature card + tile grid) */
.mega{position:absolute;inset-inline:0;top:100%;z-index:5;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 18px 40px rgba(20,18,17,.10);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.mega.is-open{opacity:1;visibility:visible;transform:none}
.mega-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:32px;padding-block:32px}
.mega-feature{position:relative;display:block;min-height:300px;overflow:hidden;border-radius:12px;color:#fff;text-decoration:none}
.mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.mega-feature:hover img{transform:scale(1.05)}
.mega-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.2) 55%,transparent)}
.mega-feature .in{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:24px}
.mega-feature .ey{display:block;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#F0A585}
.mega-feature .tt{display:block;margin-top:4px;font-size:22px;font-weight:600;line-height:1.2}
.mega-feature .pill{margin-top:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:600}
.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-content:start}
.mega-tile{display:block;text-decoration:none;color:var(--ink)}
.mega-tile .im{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#f4f1ec}
.mega-tile .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mega-tile .im.contain img{object-fit:contain;padding:10%;background:#fff}
.mega-tile:hover .im img{transform:scale(1.05)}
.mega-tile b{display:block;margin-top:10px;font-size:14px;font-weight:600}
.mega-tile span.s{display:block;font-size:12px;color:var(--ink-2)}
.mega-tile .fdots{margin-top:6px;gap:4px}
@media (max-width:1023px){.mega{display:none}}

/* mobile menu sheet */
.sheet{background:#fff}
.sheet-head .brand img{height:32px}

/* ---------- footer ---------- */
.site-footer{position:relative;margin-top:0;padding:0;background:var(--night);color:#fff}
.site-footer::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(192,85,48,.6),transparent)}
.ft-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;padding-block:64px 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft-brand{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}
.ft-logo{height:52px;width:auto}
.ft-div{width:1px;height:48px;background:rgba(255,255,255,.1)}
.ft-brand p{max-width:24rem;font-size:15px;line-height:1.6;color:rgba(255,255,255,.6)}
.ft-brand p b{font-weight:500;color:#fff}
.ft-actions{display:flex;flex-wrap:wrap;gap:12px}
.ft-rating{display:flex;align-items:center;gap:12px;padding:10px 20px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.03);color:#fff;text-decoration:none;transition:border-color .2s}
.ft-rating:hover{border-color:var(--accent)}
.ft-rating>b{font-size:22px;font-weight:600;line-height:1}
.ft-rating .st{display:flex;gap:2px;color:#E58A63}
.ft-rating .st svg{width:15px;height:15px}
.ft-rating small{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,.6)}
.ft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding-block:56px}
.ft-col h4{margin:0 0 20px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.ft-col h4::after{content:"";display:block;width:32px;height:1px;margin-top:8px;background:var(--accent)}
.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px;color:rgba(255,255,255,.7)}
.ft-col a{color:inherit;text-decoration:none;transition:color .2s}
.ft-col a:hover{color:#E58A63}
.ft-contact li{display:flex;align-items:flex-start;gap:12px}
.ft-contact svg{width:16px;height:16px;flex:none;margin-top:3px;color:#E58A63}
.ft-usps{border-block:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}
.ft-usps-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-block:24px}
.ft-usps-in>div{display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,.8)}
.ft-usps-in .ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid rgba(192,85,48,.5);border-radius:50%;color:#E58A63}
.ft-usps-in svg{width:16px;height:16px}
.ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;font-size:12px;color:rgba(255,255,255,.45)}
.ft-bottom .pay-row{display:flex;flex-wrap:wrap;gap:6px}
.ft-bottom .pay{padding:3px 8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:rgba(255,255,255,.7);font-size:11px;font-weight:600}
@media (max-width:1023px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-usps-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ft-grid{gap:32px 20px}.ft-contact{grid-column:1/-1}.ft-div{display:none}}

/* ---------- home: hero slider (copy and footer in normal flow, so they never overlap) ---------- */
.hero2{position:relative;overflow:hidden;background:var(--night);color:#fff;touch-action:pan-y}
.hero2-stage{position:relative;display:flex;flex-direction:column;min-height:clamp(480px,calc(100vh - var(--chrome-h,190px)),840px);min-height:clamp(480px,calc(100svh - var(--chrome-h,190px)),840px)}
.hero2-stage::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(20,18,17,.86),rgba(20,18,17,.45) 48%,rgba(20,18,17,.05) 85%)}
.hero2-stage::after{content:"";position:absolute;inset-inline:0;bottom:0;z-index:3;height:14rem;pointer-events:none;background:linear-gradient(to top,rgba(20,18,17,.72),transparent)}
.hero2-slide{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .9s var(--ease),visibility 0s linear .9s}
.hero2-slide.is-on{opacity:1;visibility:visible;transition:opacity .9s var(--ease),visibility 0s}
.hero2-slide>img,.hero2-slide>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero2-copy{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1248px;margin-inline:auto;padding:clamp(40px,7vh,88px) 24px 32px}
.hero2-text{display:grid;max-width:44rem}
.hero2-text>*{grid-area:1/1}
.hero2-t{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s linear .6s}
.hero2-t.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease) .15s,transform .6s var(--ease) .15s,visibility 0s}
.hero2-t .ey{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#F0A585}
.hero2-t h1,.hero2-t h2{margin-top:12px;font-size:clamp(32px,min(5vw,7.6vh),68px);line-height:1.04;letter-spacing:-.025em;font-weight:600;color:#fff;text-wrap:balance}
.hero2-t p{margin-top:16px;max-width:36rem;font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:rgba(255,255,255,.82)}
.hero2-t .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3.4vh,30px)}
.hero2-t .cta .btn{min-height:50px;padding-inline:24px}
.hero2-foot{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;width:100%;max-width:1248px;margin-inline:auto;padding:0 24px clamp(24px,5vh,44px)}
.hero2-pause{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(20,18,17,.25);color:#fff;cursor:pointer;transition:border-color .2s}
.hero2-pause:hover{border-color:#fff}
.hero2-pause svg{width:13px;height:13px}
.hero2-dots{display:flex;align-items:center;gap:0}
/* 24px hit area around a small bar */
.hero2-dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;transition:width .3s}
.hero2-dots button[aria-current="true"]{width:52px}
.hero2-dots button::before{content:"";position:absolute;left:6px;right:6px;top:9px;height:6px;border-radius:999px;background:rgba(255,255,255,.35)}
.hero2-dots button i{position:absolute;left:6px;right:6px;top:9px;height:6px;overflow:hidden;border-radius:999px;transform-origin:left;transform:scaleX(0);background:var(--accent)}
.hero2-dots button:focus-visible{outline:2px solid #fff;outline-offset:0;border-radius:6px}
.hero2-dots button[aria-current="true"] i{animation:heroFill var(--dur,7s) linear forwards}
.hero2.is-paused .hero2-dots button i{animation-play-state:paused}
@keyframes heroFill{to{transform:scaleX(1)}}
.hero2-rating{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.82);text-decoration:none}
.hero2-rating svg{width:14px;height:14px;color:var(--accent)}
@media (max-width:767px){
  .hero2-stage{min-height:max(460px,calc(100vh - var(--chrome-h,180px)));min-height:max(460px,calc(100svh - var(--chrome-h,180px)))}
  .hero2-stage::before{background:none}
  .hero2-stage::after{height:100%;background:linear-gradient(to top,rgba(20,18,17,.96) 0%,rgba(20,18,17,.74) 50%,rgba(20,18,17,.5) 100%)}
  .hero2-copy{justify-content:flex-end;padding:96px 16px 20px}
  .hero2-t h1,.hero2-t h2{font-size:clamp(30px,9vw,40px)}
  .hero2-t .cta{flex-direction:column;align-items:flex-start}
  .hero2-foot{padding:0 16px 24px}
}
/* gentle crossfade and the progress bar stay on with "reduce motion"; no sliding or zooming */
@media (prefers-reduced-motion:reduce){
  .hero2-slide,.hero2-slide.is-on{transition-duration:.9s!important}
  .hero2-t,.hero2-t.is-on{transform:none!important;transition-duration:.5s!important}
  .hero2-dots button[aria-current="true"] i{animation-duration:var(--dur,7s)!important}
}

/* ---------- "Je kunt ons kennen van" ---------- */
.known{padding-block:0;border-bottom:1px solid var(--line);background:#fff}
.known-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px clamp(28px,5vw,72px);padding:22px 0;border-radius:0;background:none}
.known-label{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.known-logos{flex:0 1 auto;display:flex;align-items:center;gap:clamp(28px,5vw,64px);list-style:none;margin:0;padding:0}
@media (max-width:760px){.known-in{padding:18px 0 20px}.known-label{width:100%;text-align:center;font-size:11px}.known-logos{width:100%;justify-content:space-between;gap:10px}}

/* ---------- home: category grid ---------- */
.catgrid{padding-block:40px 48px}
.catgrid-top,.catgrid-bot{display:grid;gap:20px}
.catgrid-top{grid-template-columns:repeat(2,minmax(0,1fr))}
.catgrid-bot{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.cat{position:relative;display:block;overflow:hidden;border-radius:8px;color:#fff;text-decoration:none;background:#2a2622}
.catgrid-top .cat{aspect-ratio:4/3}
.catgrid-bot .cat{aspect-ratio:4/3}
.cat img,.cat video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat:hover img,.cat:hover video{transform:scale(1.05)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.25) 55%,rgba(0,0,0,.1))}
.cat-in{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}
.cat-in b{font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px 16px rgba(0,0,0,.25)}
.catgrid-bot .cat-in b{font-size:clamp(20px,1.8vw,24px)}
.cat-in .s{margin-top:6px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.cat-in .pill{margin-top:16px;display:inline-flex;align-items:center;min-height:36px;padding:0 20px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 16px rgba(0,0,0,.2);transition:transform .25s}
.cat:hover .pill{transform:scale(1.05)}
.cat .chev{display:none}
@media (max-width:767px){
  .catgrid{padding-block:24px 32px}
  .catgrid-top{grid-template-columns:1fr;gap:12px}
  .catgrid-bot{grid-template-columns:1fr;gap:12px;margin-top:12px}
  .catgrid-top .cat{aspect-ratio:1.02}
  .catgrid-bot .cat{aspect-ratio:auto;height:196px}
  .catgrid-bot .cat-in{align-items:flex-start;justify-content:flex-end;text-align:left;padding:18px 20px}
  .catgrid-bot .cat-in .pill{display:none}
  .catgrid-bot .cat .chev{display:block;position:absolute;right:18px;bottom:22px;z-index:1;width:24px;height:24px;color:rgba(255,255,255,.9)}
}

/* ---------- USP bar ---------- */
.uspbar2{border-block:1px solid var(--line);background:var(--ground-2)}
.uspbar2 ul{display:flex;justify-content:space-between;gap:16px;list-style:none;margin:0;padding:16px 0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.uspbar2 ul::-webkit-scrollbar{display:none}
.uspbar2 li{display:flex;align-items:center;gap:10px;flex:none;scroll-snap-align:start}
.uspbar2 .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f1ece3;color:var(--accent);flex:none}
.uspbar2 .ic svg{width:16px;height:16px}
.uspbar2 b{display:block;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap}
.uspbar2 span.s{display:block;font-size:11px;color:var(--ink-2);white-space:nowrap}
.uspbar2 a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.uspbar2 a:hover b{color:var(--accent)}
@media (max-width:1023px){.uspbar2 ul{gap:32px}}

/* ---------- review bar ---------- */
.revbar{position:relative;overflow:hidden;background:var(--ground-2);padding-block:56px 64px}
.revbar-in{display:flex;align-items:center;gap:56px}
.revbar-score{flex:none;width:256px}
.revbar-score .big{margin-top:12px;font-size:72px;font-weight:600;line-height:1;letter-spacing:-.03em}
.revbar-score .t{margin-top:12px;font-size:15px;font-weight:600}
.revbar-score .m{margin-top:4px;font-size:13px;line-height:1.6;color:var(--ink-2)}
.revbar-score .m b{color:var(--ink)}
.revbar-score .go{margin-top:20px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
.revbar-score .go:hover{text-decoration:underline;text-underline-offset:4px}
.revbar-score .go svg{width:14px;height:14px}
.sbox{display:inline-flex;gap:2px;margin-top:12px}
.sbox i{display:grid;place-items:center;width:var(--sb,22px);height:var(--sb,22px);background:var(--accent);color:#fff}
.sbox i.off{background:#d9d3c9}
.sbox svg{width:72%;height:72%}
.sbox--sm{--sb:16px;margin-top:0}
.revbar-row{position:relative;min-width:0;flex:1}
.hscroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.hscroll::-webkit-scrollbar{display:none}
.rcard{display:flex;flex-direction:column;flex:none;width:calc((100% - 48px)/4);overflow:hidden;border:0;border-radius:16px;background:#fff;text-align:left;padding:0;cursor:pointer;font:inherit;color:inherit;scroll-snap-align:start;box-shadow:0 1px 2px rgba(20,18,17,.06),0 8px 24px -12px rgba(20,18,17,.25);transition:transform .3s,box-shadow .3s}
.rcard:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(20,18,17,.06),0 18px 36px -14px rgba(20,18,17,.3)}
.rcard .ph{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#efece6}
.rcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.rcard:hover .ph img{transform:scale(1.06)}
.rcard .cnt{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:600;backdrop-filter:blur(4px)}
.rcard .cnt svg{width:12px;height:12px}
.rcard .bd{display:flex;flex:1;flex-direction:column;padding:16px}
.rcard .q{margin-top:10px;font-size:14px;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rcard .who{margin-top:12px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.rcard .who b{color:var(--ink);font-weight:600}
.rcard .who svg{width:14px;height:14px;color:var(--accent)}
.rnav{position:absolute;top:40%;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(20,18,17,.15);cursor:pointer}
.rnav svg{width:18px;height:18px}
.rnav--prev{left:-20px}
.rnav--next{right:-20px}
@media (max-width:1023px){
  .revbar-in{flex-direction:column;align-items:stretch;gap:36px}
  .revbar-score{width:auto;text-align:center}
  .revbar-score .sbox{justify-content:center}
  .rcard{width:calc((100% - 32px)/3)}
  .rnav{display:none}
}
@media (max-width:640px){
  .revbar{padding-block:44px 48px}
  .revbar .hscroll{margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
  .rcard{width:72%}
  .revbar-score .big{font-size:64px}
}

/* ---------- product card (Leno) ---------- */
.grid-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (min-width:1180px){.grid-products--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.pcard{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;transition:box-shadow .25s}
.pcard:hover{box-shadow:0 4px 6px -1px rgba(20,18,17,.1),0 2px 4px -2px rgba(20,18,17,.1)}
.pcard-media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#f5f5f4}
.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .4s}
.pcard-media img.contain{object-fit:contain;padding:8%;background:#fff}
.pcard-media img.alt{position:absolute;inset:0;opacity:0}
.pcard:hover .pcard-media img{transform:scale(1.05)}
.pcard:hover .pcard-media img.alt{opacity:1}
.pcard-flag{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;box-shadow:0 2px 8px rgba(20,18,17,.12)}
.pcard-flag--warn{background:#FEF3C7;color:#92400E}
.pcard-body{display:flex;flex:1;flex-direction:column;padding:16px}
.pcard-title{margin:0;font-size:14px;font-weight:500;line-height:1.43;color:var(--ink)}
.pcard-title a{color:inherit;text-decoration:none}
.pcard-title a::after{content:"";position:absolute;inset:0;z-index:0}
.pcard-fin{position:relative;z-index:1;margin-top:10px}
.pcard-fin .fl{display:block;margin-bottom:6px;font-size:12px;color:var(--ink-2)}
.pcard-foot{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:12px}
.pcard-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.pcard-price b{font-size:18px;font-weight:600;line-height:1.5}
.pcard-price s{font-size:14px;color:var(--ink-3)}
.dlv{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border:1px solid var(--ok-line);border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:500;line-height:1.3}
.dlv::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok-dot);flex:none}
.dlv--late{border-color:#FDE68A;background:#FFFBEB;color:#92400E}
.dlv--late::before{background:#F59E0B}
.pcard-add{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:0 8px;border:0;border-radius:6px;background:var(--accent);color:#fff;font:600 14px/1 var(--font);cursor:pointer;transition:background-color .2s}
.pcard-add:hover{background:var(--accent-2)}
.pcard-add svg{width:16px;height:16px}
.pcard-add.is-done{background:var(--ok)}
@media (max-width:640px){.pcard-body{padding:12px}.pcard-title{font-size:12.5px}.pcard-price b{font-size:16px}.pcard-add{font-size:12.5px}.pcard .dlv{font-size:11px;padding:3px 7px}}

/* ---------- home: collection blocks ---------- */
.coll{padding-block:48px 64px}
.coll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px}
.coll--flip .coll-media{order:2}
.coll-media{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:4/5;background:#efece6}
.coll-media>img,.coll-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s}
.coll-media>img.off{opacity:0}
.coll-media--dark{background:#2c2c2c}
.coll-media--dark>video,.coll-media--dark>img{object-fit:contain}
.coll h2{font-size:clamp(28px,2.5vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.coll p.tx{margin-top:20px;max-width:36rem;font-size:15px;line-height:1.65;color:#0a0a0a}
.coll .btn--dark-sq{margin-top:24px}
.coll-swatches{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.coll-sw{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#fff;border:1px solid var(--line);cursor:pointer;padding:0}
.coll-sw img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .35s}
.coll-sw:hover img{transform:scale(1.05)}
.coll-sw span{position:absolute;inset-inline:0;bottom:0;padding:18px 8px 6px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .3s}
.coll-sw:hover span,.coll-sw[aria-pressed="true"] span{opacity:1}
.coll-sw[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.coll-picker{margin-top:28px;display:grid;gap:14px}
.coll-picker .row2{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.coll-picker .lab{min-width:72px;font-size:13px;font-weight:600}
.seg2{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:#f1ece3}
.seg2 button{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:none;font:600 13px/1 var(--font);color:var(--ink-2);cursor:pointer}
.seg2 button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,18,17,.12)}
.dotpick{display:flex;flex-wrap:wrap;gap:8px}
.dotpick button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 6px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 13px/1 var(--font);color:var(--ink-2);cursor:pointer;transition:border-color .2s}
.dotpick button:hover{border-color:var(--ink-3)}
.dotpick button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink);font-weight:600}
.dotpick .fdot{--d:24px}
.coll-price{margin-top:18px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:14px;color:var(--ink-2)}
.coll-price b{font-size:22px;font-weight:600;color:var(--ink)}
.coll-price s{color:var(--ink-3)}
@media (max-width:1023px){.coll-grid{grid-template-columns:1fr;gap:32px}.coll--flip .coll-media{order:0}.coll-media{aspect-ratio:4/3.4}}

/* ---------- "in het echt" customer photo row ---------- */
.echt{margin-top:56px}
.echt-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px}
.echt-head h3{font-size:clamp(22px,2vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.echt-head p{margin-top:4px;font-size:13px;color:var(--ink-2)}
.echt-nav{display:flex;gap:8px}
.echt-nav button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#0a0a0a;color:#fff;cursor:pointer}
.echt-nav button:disabled{opacity:.25;cursor:default}
.echt-nav svg{width:16px;height:16px}
.echt-row{margin-top:20px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.echt-row::-webkit-scrollbar{display:none}
.echt-ph{position:relative;flex:none;width:calc((100% - 24px)/4);aspect-ratio:3/4;overflow:hidden;border:0;border-radius:6px;padding:0;background:#e9e5de;cursor:zoom-in;scroll-snap-align:start}
.echt-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.echt-ph:hover img{transform:scale(1.04)}
.echt-ph .tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#fff;color:#0a0a0a;font-size:12px;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.echt-ph .tag svg{width:13px;height:13px}
.echt-ph .nm{position:absolute;inset-inline:0;bottom:0;display:grid;gap:4px;padding:36px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.62),transparent);color:#fff;text-align:left;font-size:13px;font-weight:600}
.echt-ph .nm .sbox{margin-top:0}
@media (max-width:1023px){.echt-ph{width:calc((100% - 16px)/3)}}
@media (max-width:640px){.echt-row{margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}.echt-ph{width:72%}}

/* ---------- explainer sections ---------- */
.expl{padding-block:clamp(56px,7vw,88px)}
.expl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px)}
.expl h2{margin-top:10px;font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.12}
.expl p.tx{margin-top:16px;font-size:15px;line-height:1.7;color:var(--ink-2)}
.chk{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.chk li{position:relative;padding-left:34px;font-size:15px;line-height:1.45}
.chk li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#dcb8a7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.chk li b{font-weight:600}
.expl .more{margin-top:24px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}
.expl .more svg{width:15px;height:15px}
.cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cmp-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.cmp-card .k{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.cmp-card .k--bad{color:#B42318}
.cmp-card .k--good{color:var(--accent)}
.cmp-card h3{margin-top:10px;font-size:17px;font-weight:600;line-height:1.3}
.cmp-card ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.cmp-card li{position:relative;padding-left:22px;line-height:1.4}
.cmp-card li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:2px;border-radius:2px;background:#d6cfc4}
.cmp-card--good{border-color:rgba(192,85,48,.45);box-shadow:0 0 0 1px rgba(192,85,48,.15)}
.cmp-card--good li::before{top:.2em;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C05530' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.cmp-save{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:20px 22px;border-radius:16px;background:var(--night);color:#fff}
.cmp-save .k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.cmp-save b{display:block;margin-top:4px;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em}
.cmp-save p{margin-top:2px;font-size:13px;color:rgba(255,255,255,.65)}
.cmp-save .btn{min-height:42px;font-size:14px}
@media (max-width:1023px){.expl-grid{grid-template-columns:1fr}}
@media (max-width:560px){.cmp{grid-template-columns:1fr}}

/* ---------- B2B banner (Leno) ---------- */
.b2b2{position:relative;overflow:hidden;border-radius:16px;background:var(--night);color:#fff}
.b2b2>img{position:absolute;inset-block:0;right:0;width:48%;height:100%;object-fit:cover}
.b2b2::after{content:"";position:absolute;inset-block:0;right:0;width:48%;background:linear-gradient(90deg,var(--night),rgba(20,18,17,.4) 30%,transparent)}
.b2b2-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:40px;padding:56px}
.b2b2 h2{margin-top:12px;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.12}
.b2b2 p.tx{margin-top:16px;max-width:36rem;font-size:17px;line-height:1.6;color:rgba(255,255,255,.7)}
.b2b2-pts{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.b2b2-pts>div{display:flex;gap:12px}
.b2b2-pts .ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid rgba(192,85,48,.4);border-radius:8px;background:rgba(192,85,48,.1);color:#E58A63}
.b2b2-pts svg{width:20px;height:20px}
.b2b2-pts b{display:block;font-size:15px;font-weight:600}
.b2b2-pts span{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.6)}
.b2b2 .cta{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1023px){.b2b2>img,.b2b2::after{display:none}.b2b2-in{grid-template-columns:1fr;padding:32px}}
@media (max-width:560px){.b2b2-pts{grid-template-columns:1fr}.b2b2-in{padding:28px 22px}}

/* ---------- Shop de look modal ---------- */
.look{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}
.look.is-open{opacity:1}
.look-box{position:relative;display:flex;width:100%;max-width:1100px;height:min(86vh,720px);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:scale(.98);transition:transform .25s var(--ease)}
.look.is-open .look-box{transform:none}
.look-media{position:relative;display:flex;flex:1;min-width:0;align-items:center;justify-content:center;background:#111}
.look-media img{width:100%;height:100%;object-fit:contain}
.look-nav{position:absolute;top:50%;display:grid;place-items:center;width:36px;height:36px;margin-top:-18px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);cursor:pointer}
.look-nav:disabled{opacity:.3;cursor:default}
.look-nav svg{width:16px;height:16px}
.look-prev{left:12px}
.look-next{right:12px}
.look-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:12px}
.look-side{display:flex;flex-direction:column;width:380px;flex:none;overflow-y:auto;padding:32px}
.look-close{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.15);cursor:pointer}
.look-close svg{width:16px;height:16px}
.look-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.look-ver{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b6b6b}
.look-ver svg{width:14px;height:14px}
.look-name{margin-top:12px;font-size:15px;font-weight:600;color:#0a0a0a}
.look-date{font-size:12px;color:#6b6b6b}
.look-text{margin-top:16px;font-size:14px;line-height:1.65;color:#1f1f1f;white-space:pre-line}
.look-shop{margin-top:20px;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ebe7e0;border-radius:8px;background:#faf8f4;color:inherit;text-decoration:none;transition:border-color .2s}
.look-shop:hover{border-color:var(--accent)}
.look-shop .im{width:56px;height:56px;flex:none;overflow:hidden;border-radius:6px;background:#fff}
.look-shop .im img{width:100%;height:100%;object-fit:cover}
.look-shop .tx{min-width:0;flex:1}
.look-shop .ey{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.look-shop .nm{display:block;margin-top:2px;font-size:13px;font-weight:500;color:#141211;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.look-shop .pr{display:block;font-size:13px;font-weight:600;color:#141211}
.look-shop .go{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--accent);color:#fff;transition:transform .2s}
.look-shop:hover .go{transform:translateX(2px)}
.look-shop .go svg{width:16px;height:16px}
.look-add{margin-top:10px;width:100%}
@media (max-width:767px){
  .look{padding:0;align-items:flex-end}
  .look-box{flex-direction:column;height:auto;max-height:94vh;border-radius:16px 16px 0 0}
  .look-media{flex:none;height:52vh}
  .look-side{width:auto;padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px))}
}

/* ---------- product page (Leno) ---------- */
.pdp2{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,3vw,40px);align-items:start;padding-block:8px 48px}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pgrid-it{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:0;border-radius:8px;padding:0;background:#f5f5f4;cursor:zoom-in}
.pgrid-it img,.pgrid-it video{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pgrid-it img.contain{object-fit:contain;padding:6%;background:#fff}
.pgrid-it:hover img{transform:scale(1.03)}
.pgrid-it .vt{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-size:12px;font-weight:600}
.pgrid-it .vt svg{width:11px;height:11px}
.pgrid-more{grid-column:1/-1}
.pgrid-more .btn{width:100%;min-height:44px;border-radius:8px}
.pgrid-it.is-extra{display:none}
.pgrid.is-open .pgrid-it.is-extra{display:block}
.pusps{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;list-style:none;padding:0}
.pusps li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45}
.pusps svg{width:15px;height:15px;flex:none;margin-top:2px}
.prows{margin-top:20px;border-top:1px solid var(--line)}
.prow{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 4px;border:0;border-bottom:1px solid var(--line);background:none;font:500 15px/1.3 var(--font);color:var(--ink);text-align:left;cursor:pointer;transition:padding .2s,background-color .2s}
.prow:hover{padding-inline:10px;background:var(--ground-2)}
.prow svg{width:17px;height:17px;flex:none;color:var(--ink-2)}
.pinfo{display:grid;gap:16px;align-content:start}
.p-rating{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);text-decoration:none}
.p-rating b{color:var(--ink);font-weight:600}
.p-stars{display:inline-flex;gap:1px;color:var(--accent)}
.p-stars svg{width:15px;height:15px}
.p-title{font-size:clamp(24px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.p-sub{margin-top:2px;font-size:14px;color:var(--ink-2)}
.p-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.p-price s{font-size:15px;color:var(--ink-3)}
.p-price b{font-size:26px;font-weight:700;letter-spacing:-.01em}
.p-price small{font-size:12px;color:var(--ink-2)}
.p-dlv{justify-self:start;padding:6px 12px;font-size:13px}
.opt2 .oh{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:600}
.optcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.optcard{position:relative;display:grid;gap:2px;place-items:center;min-height:62px;padding:10px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-2);text-align:center;text-decoration:none;transition:border-color .2s}
.optcard b{font-size:14px;font-weight:600}
.optcard span{font-size:12px}
.optcard:hover{border-color:var(--ink-3)}
.optcard[aria-current="true"]{border:2px solid var(--accent);padding:9px 7px;color:var(--ink)}
.optcard[aria-current="true"] span{color:var(--accent)}
.optcard .ok{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff}
.optcard .ok svg{width:11px;height:11px}
.rowcard{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px 12px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:border-color .2s}
.rowcard:hover{border-color:var(--ink-3)}
.rowcard .th{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:6px;background:#f5f3ef;overflow:hidden}
.rowcard .th img{width:100%;height:100%;object-fit:cover}
.rowcard .th .fdot{--d:34px}
.rowcard .tx{min-width:0;flex:1}
.rowcard .k{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.rowcard .v{display:block;margin-top:1px;font-size:15px;font-weight:600}
.rowcard .ar{width:18px;height:18px;flex:none;color:var(--ink)}
.rowcard .lk{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--accent)}
.rowcard .lk svg{width:15px;height:15px}
.rowcard .dots{display:flex;gap:4px;margin-right:4px}
.p-hint{font-size:14px;color:var(--ink-2)}
.p-hint a{display:inline-block;padding-block:12px;margin-block:-12px;color:var(--ink);font-weight:600;text-decoration:none}
.p-buy{display:grid;grid-template-columns:auto 1fr;gap:12px}
.p-buy .qty{height:52px;grid-template-columns:44px 48px 44px;border-radius:8px;border-color:var(--line)}
.p-buy .btn{min-height:52px;border-radius:8px;width:100%;font-size:16px}
.p-buy .btn.is-done{background:var(--ok)}
.p-reco .k{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.reco{display:grid;gap:8px}
.reco-it{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.reco-it .th{width:64px;height:64px;flex:none;overflow:hidden;border-radius:6px;background:#f5f3ef}
.reco-it .th img{width:100%;height:100%;object-fit:cover}
.reco-it .tx{min-width:0;flex:1}
.reco-it a.nm{display:block;font-size:14px;font-weight:600;line-height:1.3;color:var(--ink);text-decoration:none}
.reco-it a.nm:hover{text-decoration:underline}
.reco-it .pr{margin-top:2px;font-size:14px;font-weight:600;color:var(--accent)}
.reco-it .pr s{margin-left:4px;font-weight:400;color:var(--ink-3)}
.reco-add{display:grid;place-items:center;width:38px;height:38px;flex:none;border:0;border-radius:8px;background:#0a0a0a;color:#fff;cursor:pointer;transition:background-color .2s}
.reco-add:hover{background:#2a2a2a}
.reco-add.is-done{background:var(--ok)}
.reco-add svg{width:18px;height:18px}
.reco-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;font:600 14px/1 var(--font);color:var(--ink);cursor:pointer}
.reco-more svg{width:16px;height:16px;transition:transform .2s}
.reco.is-open+.reco-more svg{transform:rotate(180deg)}
.reco .is-extra{display:none}
.reco.is-open .is-extra{display:flex}
.pdp2-under{padding-block:8px 24px}
.faq2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,5vw,64px)}
.faq2 h2{font-size:clamp(28px,2.6vw,34px);font-weight:600;letter-spacing:-.025em}
.faq2 p.m{margin-top:10px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.faq2 .acc details{border-bottom:1px solid var(--line)}
.faq2 .acc summary{padding:18px 0;font-size:15px;font-weight:500}
.sticky-buy{background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(20,18,17,.35)}
.sticky-buy .btn{border-radius:8px;background:var(--accent)}
@media (max-width:1023px){
  .pdp2{grid-template-columns:1fr}
  .pgrid{display:flex;gap:8px;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .pgrid::-webkit-scrollbar{display:none}
  .pgrid-it,.pgrid.is-open .pgrid-it.is-extra,.pgrid-it.is-extra{display:block;flex:none;width:86%;scroll-snap-align:center}
  .pgrid-more{display:none}
  .pleft .pusps,.pleft .prows{display:none}
  .pinfo .pusps,.pinfo .prows{display:grid}
  .faq2{grid-template-columns:1fr}
}
@media (min-width:1024px){.pinfo .pusps,.pinfo .prows{display:none}}
@media (max-width:420px){.optcard b{font-size:13px}.p-buy{gap:8px}.p-buy .qty{grid-template-columns:38px 40px 38px}}

/* kinderslot demo refinements */
.hold-demo{border-radius:16px}
.hold-demo video{transition:opacity .25s}
.hold-demo video.off{opacity:0}
.hold-demo .hold-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s;pointer-events:none}
.hold-demo .hold-still.on{opacity:1}
.hold-btn::before{background:conic-gradient(var(--accent) calc(var(--hold,0) * 360deg),rgba(255,255,255,.45) 0)}
.hold-btn.is-hot{color:var(--accent)}
.hold-status.is-hot::before{background:var(--accent);box-shadow:0 0 0 4px rgba(192,85,48,.2)}

/* misc re-skins of existing components */
.crumbs{padding-block:20px 16px;font-size:13px}
.crumbs a{display:inline-block;padding-block:10px;margin-block:-10px}
.drawer{border-radius:0}
.frame{border-radius:8px}
.panel{border:1px solid var(--line);border-radius:16px}
.pill--ink{background:var(--ink)}
.seg{background:#f1ece3}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.toasts .toast{border-radius:10px}

/* cookie dialog (Leno) */
.cookie{position:fixed;inset:0;left:0;bottom:0;z-index:130;display:grid;place-items:center;width:auto;padding:16px;border-radius:0;background:rgba(20,18,17,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:none;gap:0;animation:none}
.cookie[hidden]{display:none}
.cookie-box{width:min(400px,100%);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.cookie-top{display:grid;gap:10px;padding:22px 22px 20px;background:var(--night);color:#fff}
.cookie-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(192,85,48,.25);color:#F0A585}
.cookie-ic svg{width:18px;height:18px}
.cookie-top b{font-size:20px;font-weight:600;letter-spacing:-.01em}
.cookie-top p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72)}
.cookie-bot{display:grid;gap:12px;padding:18px 22px 20px}
.cookie-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-btns .btn{min-height:44px;font-size:14px;padding:0 12px}
.cookie-bot p{font-size:11px;line-height:1.5;text-align:center;color:var(--ink-3)}
.cookie-bot a{color:var(--ink);text-decoration:underline}
.ft-cookie{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}

.fdots--lg{gap:10px}
.fdots--lg a{padding:3px}
.fdots--lg a.is-current{box-shadow:0 0 0 2px var(--ink)}
.coll .row{align-items:stretch}
.coll .row .btn,.coll .row .btn--dark-sq{min-height:48px}
.pinfo .deal{margin:0}
.p-hint svg{width:14px;height:14px;vertical-align:-2px}
.p-rating .stars svg,.p-stars svg{color:var(--accent);fill:currentColor}
.pgrid-it{border:1px solid var(--line)}
.page-head .display,.page-head .h1,.cat-hero .h1{font-size:clamp(30px,3.4vw,44px)!important;letter-spacing:-.025em;line-height:1.1}
.page-head{padding-block:12px 36px}
.stars-fill .on .stars{color:var(--accent)}
.rail-cap .stars-fill .on .stars{color:#fff}

/* product page sale block: calm and light */
.pcode{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ground-2)}
.pcode-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
.pcode-k{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}
.pcode .code-chip{display:inline-flex;align-items:center;padding:1px 7px;border:1px dashed var(--accent);border-radius:6px;background:#fff;color:var(--accent-2);font:600 12px/1.5 var(--font);letter-spacing:.1em;cursor:pointer;justify-content:center;gap:0}
.pcode .code-chip:hover{background:var(--accent-soft)}
.pcode-left{font-size:12px;font-weight:600;color:var(--accent-2);font-variant-numeric:tabular-nums}
.pcode-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.pcode-price b{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.pcode-price span{font-size:13px;color:var(--ink-2)}
.pcode-note{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
/* "Met code SALE €368,10" under a price: cards, recommended products, Shop de look (filled from the promo settings) */
.offer-line{display:block;margin:0;font-size:13px;line-height:1.4;color:var(--ink-2)}
.offer-line b,.pcard-price .offer-line b,.price-row+.offer-line b{font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:.06em;color:var(--accent-2)}
.offer-line .nw{white-space:nowrap;font-weight:600;color:var(--ink)}
.pcard-price .pcard-code{flex-basis:100%;margin-top:-4px}
.card .card-code{margin-top:4px}
.reco-it .reco-code{margin-top:1px;font-size:12.5px}
.look-shop .look-code{font-size:12px}
.coll-price #kz-code b{font-size:14px}
@media (max-width:640px){.pcard .pcard-code{font-size:12px}}

/* installation service card, lower on the product page */
.pdp-service{padding-block:0 clamp(40px,5vw,64px)}
.rowcard--wide{max-width:none;padding:16px 24px 16px 16px}
/* documents and guides fill the full container width: empty tracks collapse */
.docs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* code field: 16px so iOS does not zoom on focus; no intrinsic width, so an open code box never widens the page */
.code-form input{font-size:16px;width:0;min-width:0}
.code-form input::placeholder{letter-spacing:0}
.checkout .code-form .btn{padding:0 16px}
.checkout>*{min-width:0}

/* checkout handoff preview */
.handoff-lines{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.handoff-lines li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;font-size:14px}
.handoff-lines .th{width:52px;height:52px;overflow:hidden;border-radius:8px;background:#fff;border:1px solid var(--line)}
.handoff-lines .th img{width:100%;height:100%;object-fit:cover}
.handoff-lines b{display:block;font-weight:600}
.handoff-lines span.soft{display:block;font-size:12px}
.btn[aria-busy="true"]{opacity:.7;cursor:progress}

/* hero on short screens (landscape phones, small laptop windows) */
@media (max-height:620px) and (min-width:768px){
  .hero2-stage{min-height:max(420px,calc(100vh - var(--chrome-h,190px)))}
  .hero2-copy{padding-top:28px;padding-bottom:20px}
  .hero2-t p{margin-top:10px}
}
@media (max-height:500px) and (max-width:1023px){
  .hero2-stage{min-height:auto}
  .hero2-copy{justify-content:flex-start;padding-top:24px}
  .hero2-t .cta{flex-direction:row}
}
/* header between 1024 and 1120 px: the nav needs the room of the header button */
@media (min-width:1024px) and (max-width:1120px){
  .btn--hdr{display:none}
  .brand img{height:34px}
  .site-header .nav>a,.site-header .nav>button{padding-inline:6px}
}

/* ---------- checkout hardening ---------- */
/* applied-code chip and variant labels: readable at AA */
.code-chip .remove{color:var(--ok);font-weight:500}
.code-chip .remove:hover{color:var(--ink)}
.line-meta,.sum-line span span,.handoff-lines span.soft{color:var(--ink-2)}

/* toasts: errors warn, stay longer and can be closed; taps go through a toast to what is under it, except its close button */
.nb{white-space:nowrap}
.toasts{pointer-events:none;transition:bottom .2s}
.toast .toast-x{pointer-events:auto}
.toasts .toast--error{align-items:flex-start;background:#2E1D14;box-shadow:inset 4px 0 0 #E8833A,0 18px 40px rgba(20,18,17,.28)}
.toast--error>svg{color:#F6B26B;margin-top:1px}
.toast--info>svg{color:#9CC3F0}
.toast .toast-x{display:grid;place-items:center;width:28px;height:28px;margin:-4px -6px -4px auto;padding:0;border:0;border-radius:6px;background:none;color:rgba(255,255,255,.72);cursor:pointer;flex:none}
.toast .toast-x:hover{background:rgba(255,255,255,.12);color:#fff}
.toast .toast-x svg{width:15px;height:15px;color:inherit}

/* cart page: the whole right column sticks, so the summary never covers the checkout button */
.checkout .sum-col{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:clamp(16px,1.8vw,24px);align-self:start}
.checkout .sum-col .summary{position:static}
.summary [data-checkout]{margin-top:2px}
@media (max-width:980px){.checkout .sum-col{position:static}}

/* variable products: option cards, the add button waits for a complete choice */
.vpick{display:grid;gap:16px}
.vpick .oh-val{font-weight:500;color:var(--ink-2)}
.vpick .optcard .ok{top:-7px;right:-7px;box-shadow:0 0 0 2px #fff}
button.optcard{width:100%;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
button.optcard:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.optcard b{line-height:1.25}
.optcard[aria-pressed="true"]{border:2px solid var(--accent);padding:9px 7px;color:var(--ink)}
.optcard[aria-pressed="true"]>span:not(.ok){color:var(--accent-2)}
.optcard[aria-current="true"]>.ok,.optcard .ok{color:#fff}
.optcard.is-out,.optcard.is-na{border-style:dashed;background:var(--ground-2)}
.optcard.is-out b{text-decoration:line-through;text-decoration-thickness:1px}
/* a combination that does not exist: hatched, thin label, so it clearly differs from a card you can pick */
.optcard.is-na{background:#fff repeating-linear-gradient(-45deg,transparent 0 6px,rgba(20,18,17,.06) 6px 7px);border-color:#DDD6CB}
.optcard.is-na b{font-weight:400}
.optcard b .nb{font-size:inherit;color:inherit}
.optcard[aria-pressed="true"].is-out,.optcard[aria-pressed="true"].is-na{border-style:dashed}
/* a chosen variation without its own photo shows its finish and name, not a photo of another variation */
.pgrid-it.is-nophoto>img{visibility:hidden}
.pgrid-it .vnophoto{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;background:#fff;color:var(--ink-2);font-size:14px;line-height:1.45;text-align:center}
.pgrid-it .vnophoto img{width:160px;height:160px;object-fit:contain;padding:0;background:none;transform:none!important}
.pgrid-it .vnophoto b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
/* sticky bar of a variable product: "vanaf" and the price on one line */
.sticky-buy .sp-from{white-space:nowrap}
.sticky-buy .sp-from b{display:inline}
.summary .sum-count{margin-left:6px;font-size:13px;font-weight:400;color:var(--ink-2)}
.p-vhint{margin:-4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.p-vhint:empty{display:none}
.p-vhint.is-flash{color:var(--accent-2);font-weight:600}
.p-price .p-from{font-size:13px}
.pcard-from{font-size:12px;color:var(--ink-2)}
a.pcard-add,a.reco-add,a.look-add{text-decoration:none}

/* coupon refused at the checkout */
.handoff-sheet{display:grid;gap:14px}
.handoff-sheet p{margin:0}
.handoff-choice{display:grid;gap:10px;margin-top:4px}

/* best value pack: green edge and label */
.pcard--best{border-color:var(--ok-dot);box-shadow:0 0 0 1px var(--ok-dot)}
.pcard--best:hover{box-shadow:0 0 0 1px var(--ok-dot),0 4px 6px -1px rgba(20,18,17,.1),0 2px 4px -2px rgba(20,18,17,.1)}
.pcard-flag--best{background:var(--ok);color:#fff;box-shadow:none}

/* calm cart drawer */
/* one gutter, quiet head, slim shipping line, compact lines, secondary extras, total first in the foot */
#cart-drawer{--dg:20px}
@media (min-width:768px){#cart-drawer{--dg:24px}}
#cart-drawer .drawer-head{min-height:60px;padding:10px calc(var(--dg) - 10px) 10px var(--dg)}
#cart-drawer .drawer-head h2{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
#cart-drawer .dh-count{font-weight:400;color:var(--ink-2)}
#cart-drawer .drawer-head .icon-btn{width:40px;height:40px;border-radius:8px;color:var(--ink-2)}
#cart-drawer .drawer-head .icon-btn:hover{background:var(--ground-2);color:var(--ink)}
#cart-drawer .drawer-head .icon-btn svg{width:20px;height:20px}
#cart-drawer .drawer-head .icon-btn:focus-visible{outline-offset:0;border-radius:8px}

/* shipping: only below the free-shipping amount, one slim line with a thin bar */
#cart-drawer .ship-meter--slim{position:relative;display:flex;align-items:center;gap:8px;margin:0;padding:9px var(--dg);border-radius:0;background:var(--ground-2);font-size:13px;line-height:1.45;color:var(--ink-2)}
#cart-drawer .ship-meter--slim svg{width:16px;height:16px;flex:none;color:var(--ink-2)}
#cart-drawer .ship-meter--slim b{font-weight:600;color:var(--ink)}
#cart-drawer .ship-meter--slim .track{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:0;background:var(--line)}
#cart-drawer .ship-meter--slim .track i{border-radius:0 2px 2px 0;background:var(--ok)}

/* body: lines, code row, upsell; room at the end so nothing hides under the foot */
#cart-drawer .drawer-body{padding:0 var(--dg) 32px}
#cart-drawer .line--c{position:relative;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line-2)}
#cart-drawer .line--c .frame{width:64px;height:64px;border-radius:8px}
#cart-drawer .line--c .frame::after,#cart-drawer .upsell-item .frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(20,18,17,.06);pointer-events:none}
#cart-drawer .line-info{display:flex;flex-direction:column;min-width:0}
#cart-drawer .line--c .line-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:32px;font-size:14px;font-weight:500;line-height:1.4;color:var(--ink);text-decoration:none}
#cart-drawer .line--c .line-name:hover{text-decoration:underline;text-underline-offset:3px}
#cart-drawer .line--c .line-meta{margin-top:2px;padding-right:32px;font-size:12.5px;line-height:1.4}
#cart-drawer .line--c .line-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
#cart-drawer .line--c .line-price{font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#cart-drawer .line-x{position:absolute;top:9px;right:-9px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:var(--ink-3);cursor:pointer;transition:color .2s,background-color .2s}
#cart-drawer .line-x:hover{background:var(--ground-2);color:var(--ink)}
#cart-drawer .line-x svg{width:17px;height:17px}
#cart-drawer .line-x:focus-visible{outline-offset:-2px;border-radius:8px}
#cart-drawer .line--c .qty{grid-template-columns:32px 30px 32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff}
#cart-drawer .line--c .qty button{border-radius:7px;color:var(--ink-2)}
#cart-drawer .line--c .qty button:hover{background:var(--ground-2);color:var(--ink)}
#cart-drawer .line--c .qty button svg{width:12px;height:12px}
#cart-drawer .line--c .qty button:focus-visible{outline-offset:-2px;border-radius:7px}
#cart-drawer .line--c .qty input{padding:0;font-size:14px;font-weight:500;color:var(--ink)}
#cart-drawer .line--c .qty input:focus-visible{outline-offset:-2px;border-radius:4px}
/* touch: every control at least 40 px to tap; the small ones keep their look with a larger hit area */
@media (pointer:coarse){
  #cart-drawer .line--c .qty{grid-template-columns:40px 32px 40px;height:40px}
  #cart-drawer .line--c .qty button{position:relative}
  #cart-drawer .line--c .qty button::before{content:"";position:absolute;inset:-1px 0}
  #cart-drawer .line--c .qty input{font-size:16px}
  #cart-drawer .line-x{top:7px;right:-11px;width:40px;height:40px}
  #cart-drawer .upsell-item .btn{position:relative}
  #cart-drawer .upsell-item .btn::before{content:"";position:absolute;inset:-5px}
  #cart-drawer .df-meta a{position:relative}
  #cart-drawer .df-meta a::before{content:"";position:absolute;inset:-6px -4px}
}

/* discount code: one tidy row that opens to the field */
#cart-drawer .drawer-extras{display:block;margin:0}
#cart-drawer .code-box{border-bottom:1px solid var(--line-2)}
#cart-drawer .code-box summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:14px;font-weight:400;color:var(--ink-2);transition:color .2s}
#cart-drawer .code-box summary:hover,#cart-drawer .code-box[open] summary{color:var(--ink)}
#cart-drawer .code-box summary::after{content:none}
#cart-drawer .code-box summary:focus-visible{outline-offset:-2px}
#cart-drawer .code-k{display:inline-flex;align-items:center;gap:6px;min-width:0}
#cart-drawer .code-chev{width:16px;height:16px;flex:none;color:var(--ink-2);transition:transform .2s var(--ease)}
#cart-drawer .code-box[open] .code-chev{transform:rotate(180deg)}
#cart-drawer .code-form{margin:0 0 14px;gap:8px}
#cart-drawer .code-form input{height:42px;padding:0 12px;border-radius:8px;font-size:16px}
#cart-drawer .code-form .btn{min-height:42px;padding:0 16px;border-radius:8px;font-size:14px}
#cart-drawer .code-box .err{margin:-6px 0 12px}
.code-box .err.is-wait{color:var(--ink-2)}
#cart-drawer .code-chip--slim{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0;border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:none;color:var(--ink-2);font-size:14px;font-weight:400}
#cart-drawer .code-name{font-weight:600;letter-spacing:.04em;color:var(--ink)}
#cart-drawer .code-amt{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-2)}
/* the × keeps a small look; its hit area is 40 px */
#cart-drawer .code-x{position:relative;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:999px;background:none;color:var(--ink-2);cursor:pointer;transition:background-color .2s,color .2s}
#cart-drawer .code-x::before{content:"";position:absolute;inset:-9px}
#cart-drawer .code-x:hover{background:var(--ground-2);color:var(--ink)}
#cart-drawer .code-x svg{width:12px;height:12px}
#cart-drawer .code-x:focus-visible{outline-offset:1px;border-radius:999px}

/* upsell: small and clearly secondary */
#cart-drawer .upsell{margin-top:24px;padding:0;border-radius:0;background:none}
#cart-drawer .upsell h3{margin:0 0 4px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--ink-2)}
/* same 64 px photo column as the lines, so the names share one left edge */
#cart-drawer .upsell-item{grid-template-columns:64px minmax(0,1fr) auto;gap:14px;padding:6px 0}
#cart-drawer .upsell-item .frame{width:44px;height:44px;border-radius:6px}
#cart-drawer .upsell-item>div{min-width:0}
#cart-drawer .upsell-name{display:block;overflow:hidden;font-size:13px;font-weight:500;line-height:1.4;color:var(--ink);text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
#cart-drawer .upsell-name:hover{text-decoration:underline;text-underline-offset:3px}
#cart-drawer .upsell-item span{display:block;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
#cart-drawer .upsell-item .btn{width:32px;min-height:32px;height:32px;padding:0;border-radius:8px;border-color:var(--line);color:var(--ink-2)}
#cart-drawer .upsell-item .btn:hover{border-color:var(--ink);color:var(--ink)}
#cart-drawer .upsell-item .btn svg{width:14px;height:14px}

/* foot: total first, one muted line, the button, then one quiet line */
#cart-drawer .drawer-foot{gap:12px;padding:14px var(--dg) calc(14px + env(safe-area-inset-bottom,0px));border-top:0;box-shadow:0 -1px 0 transparent;transition:box-shadow .2s}
#cart-drawer.is-under .drawer-foot{box-shadow:0 -1px 0 var(--line),0 -12px 20px -16px rgba(20,18,17,.28)}
#cart-drawer .df-total{display:flex;align-items:center;justify-content:space-between;gap:12px}
#cart-drawer .df-total>div{display:grid}
#cart-drawer .df-total>div b{font-size:15px;font-weight:600;line-height:1.35}
#cart-drawer .df-total>div span{font-size:12.5px;line-height:1.4;color:var(--ink-2)}
#cart-drawer .df-total>b{font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.015em;white-space:nowrap}
#cart-drawer .drawer-foot [data-checkout]{min-height:50px;font-size:15px}
#cart-drawer .df-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 12px;margin-top:-2px;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
#cart-drawer .df-meta a{display:inline-flex;align-items:center;min-height:28px;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
#cart-drawer .df-meta a:hover{color:var(--ink);text-decoration-color:currentColor}
#cart-drawer .df-meta span{display:inline-flex;align-items:center;gap:6px}
#cart-drawer .df-meta svg{width:13px;height:13px}

/* empty */
#cart-drawer .empty{gap:10px;padding:56px 8px 32px}
#cart-drawer .empty .frame{width:120px;height:120px;margin-bottom:8px}
#cart-drawer .empty h3{font-size:17px}
#cart-drawer .empty p{max-width:30ch;margin:0;font-size:14px}
#cart-drawer .empty .row{gap:8px;margin-top:10px}
#cart-drawer .empty .btn{min-height:42px;padding:0 18px;font-size:14px}

/* over dit product summary */
.section.about{padding-top:0}
.about .desc-grid{align-items:start}
.about-body{display:grid;gap:clamp(20px,2.4vw,32px);max-width:52rem}
.about-lead{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.55;letter-spacing:-.01em;color:var(--ink);max-width:40rem}
.about-pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}
.about-pts li{display:grid;gap:4px;align-content:start;padding:16px 0 18px;border-top:1px solid var(--line)}
.about-pts b{font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.about-pts span{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
/* 3 points or fewer: one column, so no point ends up alone in a half-empty row */
.about-pts:not(:has(> li:nth-child(4))){grid-template-columns:minmax(0,40rem)}
@media (max-width:767px){
  .about-pts{grid-template-columns:1fr}
  .about-pts li{padding:14px 0 15px}
  .about-pts li:last-child{border-bottom:1px solid var(--line)}
}

/* offers are green, never red: red reads as an error (owner 17-09) */
html body .deal{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-line)}
html body .pill--sale{background:var(--ok-soft);color:var(--ok)}
html body .sticky-buy .save-mini,html body .save-line,html body .lpt-sticky .t .save-mini,html body .lpg-sticky .save-mini{color:var(--ok)}
html body .pcode-left,html body .bh-ex-left,html body .bh-ex-code b,html body .lpg-hero-sale b,html body .lpg-mat-sale b{color:var(--ok)}
html body .pcode .code-chip,html body .lpg .code-chip,html body .lpt .code-chip,html body .lpt-sheet .code-chip{border-color:var(--ok);color:var(--ok);background:#fff}
html body .pcode .code-chip:hover,html body .lpg .code-chip:hover,html body .lpt .code-chip:hover,html body .lpt-sheet .code-chip:hover{background:var(--ok-soft)}
html body .promo .code-chip,html body .lpg-cta .code-chip,html body .lpt-cta .code-chip{border-color:rgba(134,239,172,.6);background:rgba(34,197,94,.16);color:#86EFAC}
html body .promo .code-chip:hover,html body .lpg-cta .code-chip:hover,html body .lpt-cta .code-chip:hover{background:rgba(34,197,94,.28)}
html body .promo-t .acc,html body .promo-t .promo-short,html body .promo-spark{color:#86EFAC}
html body .klok .c,html body .lpt-deadline .klok .c,html body .lpg .klok .c{color:var(--ok-dot)}
html body .offer-line b,html body .pcard-price .offer-line b,html body .price-row+.offer-line b{color:var(--ok)}

/* customer photos above the review wall on product pages */
.rev-photos{margin:0 0 28px}
.rev-photos-t{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ink)}
.rev-photos-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.rev-photo{position:relative;display:block;aspect-ratio:1;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--ground-2);cursor:zoom-in}
.rev-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.rev-photo:hover img{transform:scale(1.04)}
.rev-photo-by{position:absolute;left:6px;right:6px;bottom:6px;padding:3px 7px;border-radius:999px;background:rgba(20,18,17,.62);color:#fff;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.rev-photo:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (max-width:1023px){.rev-photos-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.rev-photos-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.rev-photos-row::-webkit-scrollbar{display:none}.rev-photo{flex:0 0 42%;scroll-snap-align:start}}

/* free 3-pack filter with a hob with extraction: a free line in the cart */
.line--gift .line-price{color:var(--ok);font-weight:600}
.line-gift{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:600}

/* ---------- phones: USP ticker and swipeable reviews (17-09) ---------- */
.usp-track{display:block}
.usp-copy{display:none!important}
.hs-foot{display:none}
@media (max-width:1023px){
  .uspbar2 .container{padding-inline:0;overflow:hidden}
  .usp-track{display:flex;width:max-content;animation:usp-tick 32s linear infinite}
  .uspbar2 .usp-track ul{display:flex;justify-content:flex-start;gap:40px;padding:14px 20px 14px 20px;overflow:visible;scroll-snap-type:none}
  .usp-copy{display:flex!important}
  .uspbar2:active .usp-track,.uspbar2:focus-within .usp-track{animation-play-state:paused}
  @keyframes usp-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
}
@media (max-width:640px){
  .revbar{padding-block:36px 40px}
  .revbar-in{gap:24px}
  .revbar-score{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"lab lab" "big stars" "big meta" "go go";column-gap:16px;align-items:center;text-align:left}
  .revbar-score .label{grid-area:lab;margin-bottom:8px}
  .revbar-score .big{grid-area:big;margin-top:0;font-size:56px}
  .revbar-score .sbox{grid-area:stars;margin-top:0;justify-content:flex-start}
  .revbar-score .t{display:none}
  .revbar-score .m{grid-area:meta;margin-top:6px}
  .revbar-score .go{grid-area:go;margin-top:14px}
  .rcard{width:74%}
  .rcard .ph{aspect-ratio:4/3}
  .rcard .bd{padding:14px}
  .rcard .q{-webkit-line-clamp:2}
  .hs-foot{display:flex;align-items:center;gap:14px;margin-top:14px}
  .hs-prog{position:relative;flex:1;height:3px;border-radius:3px;background:rgba(20,18,17,.12);overflow:hidden}
  .hs-prog i{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:3px;background:var(--ink);transition:transform .12s linear}
  .hs-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:opacity .3s}
  .hs-hint svg{width:14px;height:14px;animation:hs-nudge 1.6s ease-in-out infinite}
  .hs-foot.is-used .hs-hint{opacity:0}
  @keyframes hs-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
}
/* the owner wants these to move with "reduce motion" on too (app.css shortens every animation there) */
@media (prefers-reduced-motion:reduce){
  .usp-track{animation-duration:32s!important}
  .hs-hint svg{animation-duration:1.6s!important}
  .hs-prog i{transition-duration:.12s!important}
}

/* ---------- review walls (17-09): the homepage review card everywhere ---------- */
.rcard--wall{cursor:default}
.rcard--wall .ph{padding:0;border:0;width:100%;cursor:zoom-in}
.rcard--wall .ph--prod{cursor:default;background:#fff;box-shadow:inset 0 -1px 0 var(--line)}
.rcard--wall .ph--prod img{object-fit:contain;padding:14%}
.rcard--wall:hover .ph--prod img{transform:none}
.rcard--wall .prod{margin-top:8px;font-size:12px;line-height:1.35;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcard--wall a.prod:hover{color:var(--ink);text-decoration-color:currentColor}
.rcard--wall .who{margin-top:auto;padding-top:12px}
.rcard--wall .q+.who{margin-top:auto}
.revrow{margin-top:8px}
.revrow .rcard{margin-block:4px 12px}
/* all reviews page: the same card in a grid */
.rv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.rv-grid .rcard{width:auto}
@media (max-width:1023px){.rv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (max-width:640px){.rv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rv-grid .rcard .bd{padding:12px}.rv-grid .rcard .q{font-size:13px}}
@media (max-width:640px){.revrow .hscroll{margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}}
/* the filter toolbar sat under the taller Leno header and floated over the cards without a ground: it scrolls with the page now */
.toolbar{position:static;background:none}
@media (max-width:640px){
  .toolbar{flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:10px}
  .toolbar .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}
  .toolbar .filters::-webkit-scrollbar{display:none}
  .toolbar .chip{flex:none}
  .rv-grid .rcard .who{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;font-size:11px}
  .rv-grid .rcard .who b{overflow:hidden;text-overflow:ellipsis}
  .rv-grid .rcard .sbox--sm{--sb:13px}
}
.toolbar .select,.toolbar .select select{width:100%}
@media (min-width:641px){.toolbar .select,.toolbar .select select{width:auto}}


/* touch screens: small links and swatches get a finger-sized hit area without moving anything (17-09 size check) */
@media (pointer:coarse){
  .fdots a{position:relative}
  .fdots a::after{content:"";position:absolute;inset:-4px -3px}
  .hero2-rating,.revbar-score .go,.p-rating,.lpg-rate,.lpt-specs,.rcard--wall .prod,a.more,.service-line .link,.fdots+a{padding-block:10px;margin-block:-10px}
  .code-chip{min-height:32px}
  .rcard--wall .prod{display:block}
}
@media (max-width:374px){.b2b2 .btn{white-space:normal;text-align:left;height:auto;min-height:48px;padding-block:10px}}

/* ---------- installatie: kraan and kookplaat as two parts (17-09) ---------- */
#inst-kraan,#inst-kookplaat{scroll-margin-top:calc(var(--hh, 80px) + 12px)}
.inst-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;max-width:44rem}
.inst-part{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.inst-part:hover{border-color:var(--accent)}
.inst-part img{width:64px;height:64px;border-radius:10px;object-fit:cover}
.inst-part b{display:block;font-weight:650}
.inst-part span span{display:block;font-size:.86rem;color:var(--ink-2);line-height:1.35}
.inst-part svg{width:18px;height:18px;color:var(--accent)}
.inst-part-head{padding-block:clamp(24px,4vw,56px) 0;border-top:1px solid var(--line)}
.inst-part-head .sec-head{margin-bottom:clamp(24px,3vw,40px)}
.inst-part-head .h1,#inst-kookplaat .h1{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.025em;line-height:1.1}
#inst-kookplaat>.container{grid-template-columns:minmax(0,1fr)}
.inst-hob-grid>*,#inst-kookplaat .tool-grid>*{min-width:0}
.inst-hob-need{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.inst-hob-need .panel{align-content:start}
.inst-hob-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:start}
.inst-hob-sizes th{width:34%}
.inst-hob-sizes td{padding-right:.8rem}
@media (max-width:1023px){
  .inst-hob-need,.inst-hob-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .inst-parts{grid-template-columns:1fr}
  .inst-hob-sizes thead{display:none}
  .inst-hob-sizes tr{display:grid;grid-template-columns:1fr;padding:.5rem 0;border-bottom:1px solid var(--line-2)}
  .inst-hob-sizes th,.inst-hob-sizes td{width:auto;padding:.1rem 0;border:0}
  .inst-hob-sizes th{color:var(--ink);font-weight:600}
}

/* ---------- laten installeren (17-09) ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.svc-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.svc-img{aspect-ratio:16/9;margin:0;border-radius:0}
.svc-img img{width:100%;height:100%;object-fit:cover}
.svc-body{display:grid;align-content:start;gap:14px;padding:clamp(20px,2.4vw,32px)}
.svc-body{grid-template-columns:minmax(0,1fr)}
.svc-body .btn{align-self:end;margin-top:6px;white-space:normal;text-align:center;line-height:1.2;padding-block:10px}
.svc-price{display:flex;align-items:baseline;gap:.6rem;margin:0}
.svc-price b{font-size:clamp(2rem,3vw,2.6rem);font-weight:650;letter-spacing:-.04em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.svc-does{gap:.7rem}
.svc-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.svc-promise{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.svc-promise .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ground-2);color:var(--accent)}
.svc-promise .ic svg{width:20px;height:20px}
.svc-promise b{display:block;font-weight:650;margin-bottom:.15rem}
.svc-promise .muted{display:block;line-height:1.45}
.svc-faq{display:grid;gap:clamp(24px,3vw,40px);max-width:52rem}
@media (max-width:760px){
  .svc-grid,.svc-promises{grid-template-columns:1fr}
}

/* ---------- product buy column, calm like Leno (17-09): price, code line, delivery card, gift card, options, button ---------- */
.pinfo{gap:18px}
.p-price b{font-size:32px;letter-spacing:-.02em}
/* the code offer as one line under the price instead of a box */
.pinfo .pcode{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:-8px;padding:0;border:0;background:none}
.pinfo .pcode-row{display:contents}
.pinfo .pcode-k{order:1;font-size:14px}
.pinfo .pcode-price{order:2;gap:6px}
.pinfo .pcode-price b{font-size:16px;color:var(--ok)}
.pinfo .pcode-price span{font-size:13px}
.pinfo .pcode-left{order:3;font-size:13px;font-weight:500;color:var(--ink-2)}
.pinfo .pcode-left::before{content:"· ";color:var(--ink-3)}
.pinfo .pcode-note{display:none}
/* cards */
.p-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.p-card-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--ground-2);color:var(--ink)}
.p-card-ic svg{width:20px;height:20px}
.p-card-tx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;line-height:1.35;color:var(--ink-2)}
.p-card-tx b{font-size:15px;font-weight:600;color:var(--ink)}
.p-card-k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ok)}
.p-card--dlv .dlv{padding:0;border:0;background:none;font-size:15px;font-weight:600;color:var(--ink)}
.p-card--dlv .dlv::before{display:none}
.p-card--dlv .dlv--late{color:#92400E}
.p-card-th{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;background:#fff}
.p-card-th img{width:100%;height:100%;object-fit:contain}
.p-card-go{width:18px;height:18px;margin-left:auto;flex:none;color:var(--ink-3)}
a.p-card:hover{border-color:var(--ink-3)}
/* the recommended accessories sit at the end of the column now */
.pinfo .p-reco{margin-top:8px}
.p-card--dlv .dlv{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.p-card--dlv .dlv small{font-size:13px;font-weight:400;color:var(--ink-2)}
/* phones: the gallery slides are sized to the screen, so a wide clip can never widen the page (Safari grew the flex row to 3000 px) */
@media (max-width:1023px){
  .pgrid-it,.pgrid.is-open .pgrid-it.is-extra,.pgrid-it.is-extra{width:calc((100vw - 2 * var(--gut)) * .86);max-width:none}
  .pleft,.pinfo{min-width:0}
}
html,body{overflow-x:clip}
@media (max-width:767px){.pinfo .pcode-price span{display:none}.pinfo .pcode{margin-top:-10px}}

/* ---------- buy column, more difference between the blocks (17-09) ----------
   The delivery line is a plain line, the free gift is the only card, the first option group is a segmented switch
   and the sizes are flat pills. That way no two blocks look the same. */
.p-card--dlv{padding:0;border:0;background:none;gap:10px}
.p-card--dlv .p-card-ic{width:0;height:0;background:none;overflow:hidden}
.p-card--dlv .dlv{position:relative;padding-left:16px}
.p-card--dlv .dlv::before{display:block;content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--ok-dot)}
.p-card--dlv .dlv--late::before{background:#F59E0B}
.p-card--gift{border-color:var(--ok-line);background:var(--ok-soft)}
.p-card--gift .p-card-th{background:#fff}
.p-card--gift .p-card-go{color:var(--ok)}
/* the first choice is a segmented switch, the sizes are flat pills: two choices that no longer look the same */
.opt2--seg .optcards{gap:4px;padding:4px;border-radius:999px;background:var(--ground-2)}
.opt2--seg .optcard{min-height:46px;padding:8px 10px;border:0;border-radius:999px;background:none;gap:0}
.opt2--seg .optcard[aria-current="true"],.opt2--seg .optcard[aria-pressed="true"]{border:0;padding:8px 10px;background:#fff;box-shadow:0 1px 2px rgba(20,18,17,.1),0 0 0 1px var(--accent)}
.opt2--seg .optcard .ok{display:none}
.opt2--seg .optcard span{font-size:11.5px}
.opt2--pills .optcard{min-height:54px;border-radius:10px}
.opt2--pills .optcard[aria-current="true"],.opt2--pills .optcard[aria-pressed="true"]{border:1px solid var(--accent);padding:10px 8px;background:var(--accent-soft)}
.opt2--pills .optcard .ok{display:none}
.opt2--pills .optcard b{font-size:15px}
.oh-val{font-weight:500;color:var(--ink-2)}
/* recommended accessories: the name on two lines at most, the variant below it in grey */
.reco-it a.nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reco-it .vr{display:block;margin-top:1px;font-size:12.5px;line-height:1.3;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reco-it{padding:12px}
.p-reco{padding-top:18px;border-top:1px solid var(--line)}

/* ---------- the action block: the code and the free filters together, clearly in view (17-09) ---------- */
.p-act{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--ok-line);border-radius:14px;background:var(--ok-soft)}
.pinfo .p-act .pcode{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.pinfo .p-act .pcode-k{order:1;font-size:14px;color:var(--ink)}
.pinfo .p-act .pcode .code-chip{padding:3px 10px;font-size:13px;letter-spacing:.14em;border-width:1.5px}
.pinfo .p-act .pcode-price{order:2}
.pinfo .p-act .pcode-price b{font-size:20px}
.pinfo .p-act .pcode-price span{font-size:13px;color:var(--ink-2)}
.pinfo .p-act .pcode-left{order:3;color:var(--ok)}
.pinfo .p-act .pcode-left::before{color:var(--ok-line)}
.p-act--gift .p-card--gift{border:0;border-radius:10px;background:#fff;padding:10px 12px}
.p-act--gift #pcode-slot:not([hidden])+.p-card--gift{box-shadow:0 0 0 1px rgba(22,101,52,.12)}
@media (max-width:767px){.pinfo .p-act .pcode-price span{display:inline}}
/* chapters in the mobile menu: filters are ordered again often, so they have their own list (17-09) */
.sheet-k{margin:18px 0 2px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.sheet-body>.sheet-k:first-child{margin-top:4px}
.sheet-tag{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
@media (max-width:1023px){.sheet-body a{padding:.78rem 0;font-size:1.06rem}}
/* installation: play the steps without scrolling (17-09) */
.inst-play-row{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.inst-play{align-self:start;min-height:44px}
.inst-play svg{width:15px;height:15px}
.inst-cap{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.inst-cap b{color:var(--ink)}
@media (min-width:1024px){.inst-play-row{flex-direction:row;align-items:center;gap:16px}.inst-cap{max-width:34rem}}
/* phones: the banner was far too dark (owner, 18-09). Only the part under the text gets a shade, the film above stays bright */
@media (max-width:767px){
  .hero2-stage::after{height:100%;background:linear-gradient(to top,rgba(20,18,17,.8) 0%,rgba(20,18,17,.6) 42%,rgba(20,18,17,.34) 64%,rgba(20,18,17,0) 86%)}
  .hero2-t h1,.hero2-t h2,.hero2-t p,.hero2-t .ey{text-shadow:0 1px 12px rgba(0,0,0,.35)}
}
/* mobile menu: filters as one folded chapter (18-09) */
.sheet-group{border-bottom:1px solid var(--line)}
.sheet-group>summary{display:flex;align-items:center;justify-content:space-between;padding:.78rem 0;font-size:1.06rem;font-weight:600;letter-spacing:-.02em;cursor:pointer;list-style:none}
.sheet-group>summary::-webkit-details-marker{display:none}
.sheet-group>summary svg{width:20px;height:20px;transition:transform .2s}
.sheet-group[open]>summary svg{transform:rotate(180deg)}
.sheet-body .sheet-group-in{padding:0 0 8px 14px}
.sheet-body .sheet-group-in a{padding:.6rem 0;font-size:.98rem;font-weight:500}
.sheet-body .sheet-group-in a:last-child{border-bottom:0}
/* the menu puts focus on its close button when it opens (keyboard users); on a phone that showed as a big ring */
#sheet-close:focus:not(:focus-visible){outline:none;box-shadow:none}
/* the add button on the hob cards: a clear copper button with a cart and a label, not a white ghost circle (18-09) */
.card .card-add{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px rgba(192,85,48,.55);opacity:1;transform:none}
.card .card-add:hover{background:var(--accent-2);color:#fff}
@media (max-width:767px){
  .card .card-add{width:auto;height:40px;padding:0 14px 0 12px;gap:6px;right:10px;bottom:10px}
  .card .card-add .t{display:inline;font-size:13px}
}

@media (min-width:1024px){ .mega-grid--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} }

.subtiles:has(.subtile--parts){grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:980px){ .subtiles:has(.subtile--parts){grid-template-columns:1fr 1fr} .subtile--parts{grid-column:1/-1} }

/* ---------- product page: the offer as one calm card with a live countdown (19-09) ---------- */
.p-act{gap:10px;padding:0;border:0;background:none}
.pdeal{display:grid;gap:0;border:1px solid var(--ok-line);border-radius:16px;background:var(--ok-soft);overflow:hidden}
.pdeal-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 4px}
.pdeal-k{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink)}
.pinfo .pdeal .code-chip,.pdeal .code-chip{padding:5px 12px;border:1.5px dashed var(--ok);border-radius:8px;background:#fff;color:var(--ok);font:700 14px/1.2 var(--font);letter-spacing:.16em;cursor:pointer}
.pdeal .code-chip:hover{background:#fff;border-style:solid}
.pdeal-price{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.pdeal-price small{font-size:13px;color:var(--ink-2)}
.pdeal-price b{font-size:26px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ok);font-variant-numeric:tabular-nums}
.pdeal-note{margin:0;padding:6px 18px 14px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.pdeal-clock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--ok-line);background:#fff}
.pdeal-clock>span{font-size:13px;font-weight:500;color:var(--ink-2)}
.pdeal .klok{gap:0}
.pdeal .klok .u{min-width:40px;padding:6px 0 5px;border-radius:8px;background:var(--ok-soft)}
.pdeal .klok .n{font-size:17px;font-weight:700;color:var(--ink)}
.pdeal .klok .l{margin-top:3px;font-size:9.5px;color:var(--ink-2)}
html body .pdeal .klok .c{margin-inline:3px;align-self:center;font-size:15px;font-weight:600;color:var(--ok-line)}
.p-act--gift .p-card--gift{border:1px solid var(--line);border-radius:14px;padding:12px 14px}
@media (max-width:380px){.pdeal-main{flex-wrap:wrap}.pdeal .klok .u{min-width:36px}}
/* delivery sits under the buy button now, as one quiet line */
.pinfo .p-buy+.p-card--dlv{margin-top:-4px}

/* ---------- cart drawer, Leno layout (19-09) ---------- */
#cart-drawer{height:100%;max-height:100dvh}
#cart-drawer .drawer-head{min-height:72px;padding:calc(14px + env(safe-area-inset-top,0px)) calc(var(--dg) - 10px) 12px var(--dg);align-items:flex-start}
#cart-drawer .drawer-head h2{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
#cart-drawer .dh-count{margin:4px 0 0;font-size:15px;font-weight:400;color:var(--ink-2)}
#cart-drawer .drawer-head .icon-btn{width:44px;height:44px;margin-top:-4px;color:var(--ink)}
#cart-drawer .drawer-head .icon-btn svg{width:22px;height:22px}
#cart-drawer .line--c{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:18px 0}
#cart-drawer .line--c .frame{width:92px;height:92px;border-radius:12px}
#cart-drawer .line--c .line-name{font-size:15.5px;font-weight:600;line-height:1.35;padding-right:36px}
#cart-drawer .line--c .line-meta{margin-top:3px;font-size:13.5px;color:var(--ink-2)}
.line-dlv{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:8px;padding:4px 11px 4px 10px;border:1px solid var(--ok-line);border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:13px;font-weight:500;line-height:1.3}
.line-dlv::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok-dot);flex:none}
.line-dlv--late{border-color:#FDE68A;background:#FFFBEB;color:#92400E}
.line-dlv--late::before{background:#F59E0B}
#cart-drawer .line--c .line-bottom{margin-top:12px}
#cart-drawer .line-pr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
#cart-drawer .line--c .line-price{font-size:17px;font-weight:700;letter-spacing:-.01em}
#cart-drawer .line-was{margin-top:2px;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}
#cart-drawer .line--c .qty{grid-template-columns:40px 34px 40px;height:40px;border-radius:10px}
#cart-drawer .line--c .qty input{font-size:15px;font-weight:600}
#cart-drawer .line-x{top:14px}
#cart-drawer .code-box summary,#cart-drawer .code-chip--slim{min-height:52px;font-size:15px}
#cart-drawer .upsell h3{font-size:14px;font-weight:600;color:var(--ink)}
#cart-drawer .upsell-item{grid-template-columns:92px minmax(0,1fr) auto;gap:16px;padding:8px 0}
#cart-drawer .upsell-item .frame{width:56px;height:56px;border-radius:10px}
#cart-drawer .upsell-name{font-size:14.5px}
#cart-drawer .upsell-item span{font-size:13.5px}
#cart-drawer .upsell-item .btn{width:40px;height:40px;min-height:40px;border-radius:10px}
#cart-drawer .drawer-foot{gap:12px;padding:16px var(--dg) calc(16px + env(safe-area-inset-bottom,0px))}
#cart-drawer .df-total{align-items:flex-end}
#cart-drawer .df-total>div:first-child b{font-size:17px;font-weight:600}
#cart-drawer .df-total>div:first-child span{font-size:13px}
#cart-drawer .df-amt{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
#cart-drawer .df-amt s{font-size:15px;color:var(--ink-3)}
#cart-drawer .df-amt b{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--ink)}
#cart-drawer .drawer-foot [data-checkout]{min-height:56px;font-size:17px;border-radius:14px}
.df-trust{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--ground-2);font-size:13px;color:var(--ink-2);flex-wrap:wrap}
.df-trust>span{display:inline-flex;align-items:center;gap:6px}
.df-trust b{color:var(--ink);font-weight:600}
.df-trust .stars{display:inline-flex;gap:1px;color:#E0A43B}
.df-trust .stars svg{width:14px;height:14px}
.df-trust>span>svg{width:15px;height:15px;color:var(--ink-2)}
.df-sep{width:1px;height:16px;background:var(--line)}
.df-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--ink-2)}
.df-checks li{display:inline-flex;align-items:center;gap:5px}
.df-checks svg{width:13px;height:13px;color:var(--ok)}
.df-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.df-pay img{width:38px;height:28px;border-radius:5px;box-shadow:0 0 0 1px var(--line)}
@media (max-width:400px){.df-checks li:last-child{display:none}}
.pdeal-clock>span{white-space:nowrap}
@media (max-width:420px){.pdeal-clock{padding:10px 14px}.pdeal-main{padding:14px 14px 4px}.pdeal-note{padding:6px 14px 12px}.pdeal .klok .u{min-width:36px}html body .pdeal .klok .c{margin-inline:2px}}
#cart-drawer .df-total>div.df-amt{display:flex;align-items:baseline;gap:10px}
#cart-drawer .df-total>div.df-amt b{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em}
#cart-drawer .df-total>div.df-amt s{font-size:15px;color:var(--ink-3)}
#cart-drawer .drawer-head .icon-btn:focus:not(:focus-visible){outline:none;box-shadow:none}
.df-trust{flex-wrap:nowrap}
@media (max-width:440px){.df-trust .df-sep,.df-trust>span:last-child{display:none}}
.p-act--gift #pcode-slot:not([hidden])+.p-card--gift{box-shadow:none}
/* the moment between "In winkelwagen" and the checkout page (19-09) */
.hw-go{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(255,255,255,.92);font-size:16px;color:var(--ink);animation:hwgo .15s ease-out}
.hw-go-spin{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:hwspin .7s linear infinite}
@keyframes hwspin{to{transform:rotate(360deg)}}
@keyframes hwgo{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.hw-go-spin{animation-duration:2s}}

.form-err{margin:10px 0 0;font-size:14px;color:#9A3412}
.topbar .tb-contact{display:inline-flex;align-items:center;gap:6px}
.topbar .tb-contact svg{width:15px;height:15px}

/* ---------- product page, option C (owner 19-09): price, one card with the offer and the options, the button ---------- */
.pinfo .p-price{flex-wrap:nowrap}
.pinfo .p-price s{order:2}
.pinfo .p-price b{order:1}
.pinfo .p-price small:not(.p-from){order:3}
.pinfo .p-price .p-from{order:0}
.pbox{display:grid;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.pbox:has(> .p-act[hidden]):not(:has(.pbox-opts)){display:none}
.pbox .p-act{display:grid;gap:0;padding:0;border:0;border-radius:0;background:linear-gradient(180deg,#F3FBF5,#fff)}
.pbox .p-act[hidden]{display:none}
.pbox .p-act+.pbox-opts{border-top:1px solid var(--line)}
/* the offer: code and price left, the countdown right */
.pbox .pdeal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:16px 18px 14px;border:0;border-radius:0;background:none}
.pbox .pdeal-main{display:contents}
.pbox .pdeal-k{grid-column:1;grid-row:1;gap:8px;font-size:14px;color:var(--ink-2)}
.pbox .pdeal-price{grid-column:1;grid-row:2}
.pbox .pdeal-price b{font-size:28px}
.pbox .pdeal-note{grid-column:1/-1;grid-row:3;padding:4px 0 0;font-size:12.5px}
.pbox .pdeal-clock{grid-column:2;grid-row:1/3;display:grid;justify-items:end;gap:3px;padding:0;border:0;background:none}
.pbox .pdeal-clock>span{font-size:12px;font-weight:400}
.pbox .pdeal .klok{align-items:baseline}
.pbox .pdeal .klok .u{min-width:0;padding:0;background:none;flex-direction:row;align-items:baseline}
.pbox .pdeal .klok .n{font-size:18px;font-weight:700}
.pbox .pdeal .klok .l{display:none}
.pbox .pdeal .klok .u:first-child .l{display:inline;margin:0 5px 0 1px;font-size:18px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink);font-size:0}
.pbox .pdeal .klok .u:first-child .l::before{content:"d";font-size:18px}
.pbox .pdeal .klok .c:first-of-type{display:none}
html body .pbox .pdeal .klok .c{margin-inline:1px;font-size:18px;font-weight:700;color:var(--ink)}
.pbox .pdeal .code-chip{padding:3px 9px;font-size:13px}
/* the free filters: one row in the offer */
.pbox .p-act--gift .p-card--gift{display:flex;align-items:center;gap:12px;margin:0 18px;padding:12px 0 14px;border:0;border-top:1px dashed var(--ok-line);border-radius:0;background:none;box-shadow:none}
.pbox .p-act--gift #pcode-slot[hidden]+.p-card--gift{border-top:0;padding-top:14px}
.pbox .p-card--gift .p-card-th{width:48px;height:34px;border:0;background:none}
.pbox .p-card--gift .p-card-th img{width:100%;height:100%;object-fit:contain}
.pbox .p-card--gift .p-card-tx{display:grid;gap:1px}
.pbox .p-card--gift .p-card-tx b{font-size:14.5px;color:var(--ok)}
.pbox .p-card--gift .p-card-tx span{font-size:12.5px;color:var(--ink-2)}
.p-card-free{margin-left:auto;font-size:13px;font-weight:700;color:var(--ok)}
/* the options: calm segmented controls, the price shows in the price above */
.pbox-opts{display:grid}
.pbox-opts .opt2{padding:14px 18px 16px}
.pbox-opts .opt2+.opt2{border-top:1px solid var(--line)}
.pbox-opts .opt2 .oh{margin-bottom:10px;font-size:13.5px}
.pbox-opts .optcards{gap:4px;padding:4px;border-radius:12px;background:var(--ground-2)}
.pbox-opts .optcard{min-height:44px;padding:6px 8px;border:0;border-radius:9px;background:none;gap:0;color:var(--ink-2)}
.pbox-opts .optcard b{font-size:14.5px}
.pbox-opts .optcard>span:not(.ok){display:none}
.pbox-opts .optcard .ok{display:none}
.pbox-opts .optcard[aria-current="true"],.pbox-opts .optcard[aria-pressed="true"]{border:0;padding:6px 8px;background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,18,17,.14)}
.pbox-opts .optcard.is-out,.pbox-opts .optcard.is-na{background:none;opacity:.55}
.pbox-opts .fdots{padding:2px 0}
/* delivery and warranty: one quiet line under the button */
.pinfo .p-card--dlv{justify-content:center;margin-top:-4px}
.pinfo .p-card--dlv .p-card-tx{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px}
.pinfo .p-card--dlv .dlv{font-size:14px;font-weight:500}
.p-war{font-size:14px;color:var(--ink-2)}
.p-war::before{content:"·";margin-right:8px;color:var(--ink-3)}
.pinfo .p-hint{text-align:center;font-size:13.5px}
/* the specifications as a card on every product page */
.prows .prow--spec{justify-content:flex-start;gap:14px;margin:0 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 16px -12px rgba(20,18,17,.35)}
.prows:has(.prow--spec){border-top:0}
.prow--spec:hover{padding:14px 16px;background:#fff;border-color:var(--ink-3)}
.prow-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;background:#FBEFEA;color:var(--accent)}
.prow-ic svg{width:21px;height:21px;color:var(--accent)}
.prow-tx{display:grid;gap:2px;text-align:left}
.prow-tx b{font-size:15.5px;font-weight:600;color:var(--ink)}
.prow-tx span{font-size:13px;font-weight:400;color:var(--ink-2)}
.prow--spec>svg:last-child{margin-left:auto;color:var(--ink)}
.pbox .pdeal .klok .c:first-of-type{display:inline}
.pbox .pdeal .klok .u:first-child+.c{display:none}
.pbox .pdeal .klok .u:first-child .l{margin:0 6px 0 1px}
.pinfo .p-card--dlv .p-card-tx{flex-direction:column;gap:2px}
.p-war{font-size:13.5px}
.p-war::before{content:none}

/* ---------- product page: the info rows as one calm block (owner, 21-09) ---------- */
.prows{margin-top:22px;border-top:0;display:grid;gap:10px}
.prow{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;transition:border-color .2s,box-shadow .2s}
.prow:hover{padding:14px 16px;background:#fff;border-color:var(--ink-3);box-shadow:0 6px 18px -14px rgba(20,18,17,.4)}
.prow+.prow{border-bottom:1px solid var(--line)}
.prow-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:var(--ground-2);color:var(--ink-2)}
.prow-ic svg{width:20px;height:20px}
.prow-tx{display:grid;gap:2px;min-width:0}
.prow-tx b{font-size:15px;font-weight:600;line-height:1.3;color:var(--ink)}
.prow-tx span{font-size:13px;line-height:1.35;color:var(--ink-2)}
.prow>svg:last-child{width:18px;height:18px;margin-left:auto;flex:none;color:var(--ink-3);transition:transform .2s,color .2s}
.prow:hover>svg:last-child{transform:translateX(3px);color:var(--ink)}
.prow--spec .prow-ic{background:#FBEFEA;color:var(--accent)}
.prow--spec{box-shadow:0 1px 0 var(--line)}
.prows:has(.prow--spec){border-top:0}
@media (min-width:768px){.prows{grid-template-columns:1fr 1fr;gap:12px}.prow--spec{grid-column:1/-1}}
@media (min-width:1024px){.pleft .prows{margin-top:26px}}
.prow-tx{flex:1}
.prow-tx b{text-wrap:balance}
.prow-ic svg{color:var(--accent)}
.prow--spec .prow-ic svg{color:var(--accent)}
@media (min-width:768px){.prow{padding:15px 16px}.prow:hover{padding:15px 16px}}
@media (min-width:768px){.prows>.prow:last-child:nth-child(even){grid-column:1/-1}}

/* the information blocks over the full width, without icons and with more air (owner, 21-09) */
.prows-wrap{margin-top:44px}
.prows-wrap .prows{margin-top:0;gap:14px}
.prows .prow{gap:12px;padding:20px 22px;border-radius:16px}
.prows .prow:hover{padding:20px 22px}
.prow-ic{display:none}
.prow-tx b{font-size:16px}
.prow-tx span{font-size:13.5px;color:var(--ink-2)}
.prow--spec{box-shadow:none}
@media (min-width:768px){.prows-wrap .prows{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prows .prow,.prows .prow:hover{padding:22px 24px}}
@media (min-width:1024px){.prows-wrap{margin-top:56px}.prows-wrap .prows{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.prows-wrap .prow--spec,.prows-wrap .prows>.prow:last-child:nth-child(even){grid-column:auto}}
@media (min-width:1024px){.pleft .prows,.pinfo .prows{display:none}}

/* zakelijk: login for existing resellers */
.b2b-login{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:var(--r-lg,16px);background:var(--paper,#fff)}
.b2b-login .h3{margin:6px 0 8px}
.b2b-login p{margin:0;max-width:56ch}
.b2b-login-act{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none}
.b2b-login-act .link{font-size:14px;color:var(--ink-2,#555);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){.b2b-login{flex-direction:column;align-items:stretch}.b2b-login-act{align-items:stretch}.b2b-login-act .btn{width:100%}.b2b-login-act .link{text-align:center}}

/* footer: three full-width tiles under the columns */
.ft-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:40px 56px}
.ft-tile{position:relative;display:grid;gap:6px;padding:24px 56px 24px 24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);color:#fff;text-decoration:none;transition:border-color .2s,background .2s}
.ft-tile:hover{border-color:var(--accent);background:rgba(255,255,255,.06)}
.ft-tile-t{font-size:17px;font-weight:600;letter-spacing:-.01em}
.ft-tile-s{font-size:14px;line-height:1.5;color:rgba(255,255,255,.62)}
.ft-tile-a{position:absolute;right:20px;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.14);color:#E58A63;transition:background .2s,color .2s,border-color .2s}
.ft-tile-a svg{width:18px;height:18px}
.ft-tile:hover .ft-tile-a{background:var(--accent);border-color:var(--accent);color:#fff}
@media (max-width:767px){.ft-tiles{grid-template-columns:1fr;gap:12px;padding-bottom:40px}.ft-tile{padding:18px 56px 18px 18px}}

/* zakelijk: reseller page */
.b2b-hero{background:var(--night);color:#fff;overflow:hidden}
.b2b-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,88px)}
.b2b-hero-txt .label{color:#E58A63}
.b2b-hero-txt .h1{margin:14px 0 18px;font-size:clamp(32px,3.6vw,50px);color:#fff}
.b2b-hero-txt .lead{color:rgba(255,255,255,.72);max-width:34rem}
.b2b-hero-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.06);color:#fff}
.b2b-stats{list-style:none;margin:36px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.b2b-stats li{display:grid;gap:4px}
.b2b-stats b{font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1}
.b2b-stats span{font-size:13px;color:rgba(255,255,255,.6)}
.b2b-hero-img{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.b2b-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.b2b-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(24px,3vw,40px)}
.b2b-benefit{padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.b2b-benefit h3{margin:0 0 10px;font-size:18px;font-weight:600;letter-spacing:-.015em}
.b2b-benefit p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.b2b-range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(24px,3vw,40px)}
.b2b-tile{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.b2b-tile:hover{border-color:var(--ink);transform:translateY(-2px)}
.b2b-tile-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#f3f1ed}
.b2b-tile-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.b2b-tile:hover .b2b-tile-img img{transform:scale(1.03)}
.b2b-tile-body{position:relative;display:grid;gap:6px;padding:20px 60px 22px 22px}
.b2b-tile-body b{font-size:17px;font-weight:600;letter-spacing:-.015em}
.b2b-tile-body>span:not(.b2b-tile-a){font-size:14px;line-height:1.55;color:var(--ink-2)}
.b2b-tile-a{position:absolute;right:18px;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--accent);transition:background .2s,color .2s,border-color .2s}
.b2b-tile-a svg{width:18px;height:18px}
.b2b-tile:hover .b2b-tile-a{background:var(--accent);border-color:var(--accent);color:#fff}
.b2b-dark{background:var(--night);color:#fff}
.b2b-dark .sec-head .h2{color:#fff}
.b2b-dark .label{color:#E58A63}
.b2b-steps{list-style:none;margin:clamp(24px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:none}
.b2b-steps li{display:grid;gap:10px;padding:clamp(22px,2.4vw,32px);border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.03)}
.b2b-step-n{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;font-size:15px}
.b2b-steps b{font-size:18px;font-weight:600;letter-spacing:-.015em}
.b2b-steps li>span:not(.b2b-step-n){font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.65)}
.b2b-form-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.b2b-form{padding:clamp(24px,3vw,40px)}
.b2b-form .h2{margin:10px 0 6px}
.b2b-form>.muted{margin:0 0 22px}
.b2b-form .btn{width:100%}
.b2b-side{display:grid;gap:18px}
.b2b-side-card{display:grid;gap:10px;justify-items:start;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);border-radius:16px;background:#F7F5F1}
.b2b-side-card h3{margin:4px 0 0;font-size:20px;font-weight:600;letter-spacing:-.015em}
.b2b-side-card p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.b2b-side-card .btn{margin-top:6px}
.b2b-side-card .link{font-size:14px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1023px){.b2b-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-form-wrap{grid-template-columns:1fr}.b2b-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.b2b-hero-in{grid-template-columns:1fr;padding-block:32px 40px}.b2b-hero-img{aspect-ratio:4/3;order:-1}.b2b-hero-act .btn{width:100%}.b2b-benefits,.b2b-range,.b2b-steps{grid-template-columns:1fr;gap:12px}}



/* stock on the product page: on the options and as a panel above the buy button */
.pbox-opts .optcard .opt-late{display:block;margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#B45309}
.pbox-opts .optcard .opt-late--out{color:var(--ink-3,#8A847A)}
.pbox-opts .optcard.is-late{opacity:1}
.pbox-opts .optcard.is-late b{color:var(--ink-2)}
.pbox-opts .optcard.is-late[aria-pressed="true"] b{color:var(--ink)}
.p-stocknote{display:grid;gap:4px;padding:14px 16px;border:1px solid #FCD34D;border-radius:10px;background:#FFFBEB;color:#78350F}
.p-stocknote b{font-size:15px;font-weight:600;color:#92400E}
.p-stocknote span{font-size:14px;line-height:1.5}
.p-stocknote--out{border-color:var(--line);background:var(--ground-2);color:var(--ink-2)}
.p-stocknote--out b{color:var(--ink)}
.p-note{margin:0;padding:12px 16px;border-radius:10px;background:var(--ground-2);font-size:14px;line-height:1.55;color:var(--ink-2)}
.pbox-opts .optcard>span.opt-late{display:block}
.pbox-opts .optcard.is-na b{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(20,18,17,.35)}

/* contact page */
.ct-hero{background:#F7F5F1}
.ct-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(32px,4.5vw,64px)}
.ct-hero-txt .h1{margin:12px 0 16px}
.ct-hero-txt .lead{max-width:34rem}
.ct-hero-txt .live-row{margin-top:20px}
.ct-hero-img{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3}
.ct-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.ct-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:-28px}
.ct-tile{position:relative;display:grid;gap:4px;padding:22px 60px 22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:inherit;text-decoration:none;box-shadow:0 10px 30px -18px rgba(20,18,17,.25);transition:border-color .2s,transform .2s}
a.ct-tile:hover{border-color:var(--ink);transform:translateY(-2px)}
.ct-tile-k{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.ct-tile b{font-size:19px;font-weight:600;letter-spacing:-.015em;word-break:break-word}
.ct-tile>span:not(.ct-tile-k):not(.ct-tile-a){font-size:14px;color:var(--ink-2)}
.ct-tile-a{position:absolute;right:18px;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--accent);transition:background .2s,color .2s,border-color .2s}
.ct-tile-a svg{width:18px;height:18px}
a.ct-tile:hover .ct-tile-a{background:var(--accent);border-color:var(--accent);color:#fff}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.ct-form{padding:clamp(24px,3vw,40px)}
.ct-form .h2{margin:10px 0 6px}
.ct-form>.muted{margin:0 0 22px}
.ct-form .btn{width:100%}
.ct-side{display:grid;gap:18px}
.ct-card{display:grid;gap:10px;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);border-radius:16px;background:#F7F5F1}
.ct-card h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em}
.ct-card .specs{margin-top:4px}
.ct-card .soft{margin:4px 0 0}
.ct-links{display:grid;margin-top:4px}
.ct-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500}
.ct-links a:last-child{border-bottom:1px solid var(--line)}
.ct-links a svg{width:18px;height:18px;color:var(--accent);flex:none;transition:transform .2s}
.ct-links a:hover svg{transform:translateX(3px)}
@media (max-width:1023px){.ct-grid{grid-template-columns:1fr}}
@media (max-width:767px){.ct-hero-in{grid-template-columns:1fr;padding-block:24px 32px}.ct-hero-img{aspect-ratio:16/10}.ct-tiles{grid-template-columns:1fr;gap:12px;margin-top:-16px}}

/* parts and accessories: one big photo, a fit card, three info cards */
.pgrid--one{grid-template-columns:1fr}
.pgrid--one .pgrid-it{aspect-ratio:1;background:#fff;cursor:zoom-in}
.pgrid--one .pgrid-it img.contain{padding:16%;background:transparent}
.pgrid--one .pgrid-it img{object-fit:contain;padding:16%;background:transparent}
.p-fit{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#F7F5F1}
.p-fit>b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.p-fit>span:not(.label):not(.p-fit-k){font-size:14px;line-height:1.55;color:var(--ink-2)}
.p-fit-k{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.p-fit-alts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.p-fit-alts a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500;transition:border-color .2s}
.p-fit-alts a:hover{border-color:var(--ink)}
.p-fit-alts a em{font-style:normal;color:var(--ink-2)}

.prows-wrap{padding-bottom:16px}
.prows-wrap+.about{padding-top:32px}

/* comparison table (/bora-alternatief): a grid, because a plain table is restyled elsewhere */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}
.cmp{display:block;min-width:680px;font-size:15px;line-height:1.45}
.cmp-wrap{display:block}
.cmp-r{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr;border-bottom:1px solid var(--line)}
.cmp-r:last-child{border-bottom:0}
.cmp-r>div{padding:14px 16px;color:var(--ink-2)}
.cmp-h>div{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:var(--ground-2)}
.cmp-k{font-weight:600;color:var(--ink)!important;position:sticky;left:0;background:#fff}
.cmp-r>.cmp-us{background:#fbf6f1;color:var(--ink);font-weight:600}
.cmp-h>.cmp-us{color:var(--accent)}
.cmp-src{margin-top:14px;font-size:13px}
@media (max-width:767px){.cmp{font-size:14px}.cmp-r>div{padding:12px}}
.cmp-wins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cmp-win{padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.cmp-win-ic{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#fbf6f1;color:var(--accent);margin-bottom:12px}
.cmp-win-ic svg{width:20px;height:20px}
.cmp-win h2{margin:0 0 6px}
.cmp-win p{margin:0;font-size:14.5px}
@media (max-width:1023px){.cmp-wins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cmp-wins{grid-template-columns:1fr;gap:10px}.cmp-win{padding:18px 16px}}

/* no-drain installation block (H.noDrainHTML) */
.nd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);align-items:center}
.nd-copy .tx{max-width:52ch}
.nd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none}
.nd-facts li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.nd-facts b{display:block;font-size:14.5px;font-weight:650;color:var(--ink)}.nd-facts li>span:last-child>span{display:block;font-size:13px;line-height:1.4;color:var(--ink-2)}
.nd-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#FBEFE9;color:var(--accent)}.nd-ic svg{width:17px;height:17px}
.nd-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.nd-photo{margin:0;position:relative}.nd-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
.nd-photo figcaption{padding:10px 18px;font-size:12.5px;color:var(--ink-2);background:var(--ground-2);border-bottom:1px solid var(--line)}
.nd-table{display:block;padding:4px 18px 0}
.nd-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.nd-row>span:first-child{color:var(--ink-2)}
.nd-head{padding:12px 0 8px}.nd-head span{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.nd-head .nd-us{color:var(--accent)}
.nd-them{color:var(--ink-3)}
.nd-us{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--ink)}.nd-us svg{width:15px;height:15px;flex:none;color:var(--ok,#2F7A4F)}
.nd-head .nd-us{display:block}
.nd-row--sum{border-bottom:0}.nd-row--sum .nd-us{color:var(--ok,#2F7A4F)}
.nd-save{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:8px 18px 18px;padding:14px 16px;border-radius:14px;background:#FBEFE9;font-size:15px;color:var(--ink)}
.nd-save b{color:var(--accent);font-size:17px}
@media (max-width:900px){.nd-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.nd-facts{grid-template-columns:1fr}.nd-row{grid-template-columns:1.1fr 1fr 1fr;font-size:13px}.nd-save .btn{width:100%;justify-content:center}}

/* ---------- installation page: one product at a time (views/pages.js "installatie") ---------- */
.inst-head{padding-bottom:clamp(20px,3vw,32px)}
.inst-head .lead{max-width:44rem}
.inst-tabs-bar{position:sticky;top:var(--hh);z-index:20;background:color-mix(in srgb,var(--ground,#F4F4F1) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line);padding-block:20px 22px;transition:padding .2s}
.inst-tabs-q{margin:0 0 12px;font-size:.78rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.inst-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:60rem}
.inst-tab{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) 30px;align-items:center;gap:18px;padding:12px 18px 12px 12px;border:2px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.inst-tab:hover{border-color:var(--ink-3);transform:translateY(-1px)}
.inst-tab img{width:88px;height:88px;border-radius:14px;object-fit:cover;transition:width .2s,height .2s}
.inst-tab-tx b{display:block;font-weight:700;font-size:1.22rem;letter-spacing:-.01em}
.inst-tab-tx > span{display:block;margin-top:2px;font-size:.9rem;color:var(--ink-3);line-height:1.4}
.inst-tab-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--line);color:transparent;transition:background .2s,border-color .2s,color .2s}
.inst-tab-dot svg{width:16px;height:16px;stroke-width:2.6}
.inst-tab.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--paper));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 14%,transparent)}
.inst-tab.is-on .inst-tab-tx b{color:var(--accent)}
.inst-tab.is-on .inst-tab-dot{background:var(--accent);border-color:var(--accent);color:#fff}
.inst-tab:not(.is-on) img{filter:saturate(.75);opacity:.85}
.inst-tab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.inst-tabs-bar.is-stuck{padding-block:10px}
.inst-tabs-bar.is-stuck .inst-tabs-q{display:none}
.inst-tabs-bar.is-stuck .inst-tab{grid-template-columns:44px minmax(0,1fr) 26px;padding:6px 14px 6px 6px;border-radius:14px}
.inst-tabs-bar.is-stuck .inst-tab img{width:44px;height:44px;border-radius:10px}
.inst-tabs-bar.is-stuck .inst-tab-tx b{font-size:1rem}
.inst-tabs-bar.is-stuck .inst-tab-tx > span{display:none}
.inst-tabs-bar.is-stuck .inst-tab-dot{width:26px;height:26px}
.inst-tabs-sentinel{height:1px}
.inst-tab-tx .sm{display:none}
.inst-panel{padding-block:clamp(36px,5vw,64px)}
.inst-panel[hidden]{display:none}
.inst-panel-in{display:grid;gap:clamp(28px,4vw,48px)}
.inst-panel-head{display:grid;gap:12px;max-width:46rem}
.inst-panel-head .h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;line-height:1.08;margin:0}
.inst-panel-head .lead{margin:0}
.inst-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.inst-chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.9rem;font-weight:550}
.inst-chips svg{width:17px;height:17px;color:var(--accent);flex:none}

.inst-stepper{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start}
.inst-stage{position:sticky;top:calc(var(--hh) + 104px);display:grid;gap:12px}
.inst-stepper .inst-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-l,22px);overflow:hidden;background:#E4E4E0}
.inst-stage-ctl{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inst-nav{display:inline-flex;gap:8px}
.inst-nav .icon-btn{border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.inst-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.inst-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;width:100%;padding:14px 16px;border:1.5px solid transparent;border-radius:16px;background:transparent;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}
.inst-step:hover{background:var(--paper)}
.inst-step .n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ground-2);font-weight:650;font-variant-numeric:tabular-nums}
.inst-step b{display:block;font-size:1.06rem;font-weight:650;margin:6px 0 4px}
.inst-step span span{display:block;color:var(--ink-3);line-height:1.5;font-size:.94rem}
.inst-step.is-on{background:var(--paper);border-color:var(--accent)}
.inst-step.is-on .n{background:var(--accent);color:#fff}
.inst-step.is-on span span{color:var(--ink-2)}
.inst-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.inst-duo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(14px,2vw,24px);align-items:start}
.inst-docs{gap:12px}
.inst-doc{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-decoration:none}
.inst-doc:hover{border-color:var(--ink-3)}
.inst-doc > svg:first-child{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--ground-2);color:var(--accent)}
.inst-doc > svg:last-child{width:18px;height:18px;color:var(--ink-3)}
.inst-doc b{display:block;font-weight:650}
.inst-doc span span{display:block;font-size:.85rem;color:var(--ink-3)}
.inst-docs-img{aspect-ratio:4/3;margin:4px 0 0;border-radius:14px}

.inst-need{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.inst-need .panel{align-content:start}
.inst-need-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ground-2);color:var(--accent)}
.inst-need-ic svg{width:21px;height:21px}
.inst-hob2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(14px,2vw,24px);align-items:start}
.inst-hob2 .inst-hob-sizes th{width:40%}
.inst-zoofy{border-top:1px solid var(--line);background:var(--paper)}
.inst-zoofy .h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;line-height:1.08}

@media (max-width:900px){
  .inst-stepper,.inst-duo,.inst-hob2,.inst-need{grid-template-columns:minmax(0,1fr)}
  .inst-stage{position:static}
}
@media (max-width:560px){
  .inst-tabs{gap:8px}
  .inst-tabs{gap:10px}
  .inst-tab,.inst-tabs-bar.is-stuck .inst-tab{grid-template-columns:minmax(0,1fr) 24px;gap:8px;padding:12px 12px 12px 14px;border-radius:14px}
  .inst-tab img,.inst-tab-tx > span,.inst-tab-tx .lg{display:none}
  .inst-tab-tx .sm{display:inline}
  .inst-tab-tx b,.inst-tabs-bar.is-stuck .inst-tab-tx b{font-size:1rem}
  .inst-tab-dot,.inst-tabs-bar.is-stuck .inst-tab-dot{width:24px;height:24px}
  .inst-tab-dot svg{width:13px;height:13px}
  .inst-chips li{padding:6px 11px;font-size:.84rem}
}
/* Zoofy's service, not ours (laten installeren, installation page) */
.svc-owner{display:flex;gap:12px;align-items:flex-start;margin:0 0 clamp(20px,3vw,32px);padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);max-width:52rem}
.stack-lg > .svc-owner{margin:0}
.inst-zoofy .svc-owner{background:var(--ground)}
.svc-owner svg{width:22px;height:22px;flex:none;color:var(--accent);margin-top:1px}
.svc-owner p{margin:0;line-height:1.55;color:var(--ink-2)}
.svc-owner b{color:var(--ink)}
.svc-ext{margin:-4px 0 0;text-align:center}
/* HOWAT inbouwmaten kookplaten (route #/inbouwmaten). Every class starts with fit-. Loaded after app.css and leno.css. */

.fit{--fit-halo:#FAF8F4;--fit-wt:#E9E3D9;--fit-cu:#F0A585;--fit-no:#B42318;--fit-no-soft:#FEF3F2;--fit-adj:#A94825;--fit-adj-soft:#FBEFE8;overflow-x:clip}
.fit .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- head ---------- */
.fit-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:16px 48px;padding-top:8px;padding-bottom:28px}
.fit-head .label{color:var(--accent);font-size:12px;letter-spacing:.2em}
.fit-head .h1{margin:10px 0 0}
.fit-head-s{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 28px}
.fit-head .lead{max-width:34rem;margin:0}
.fit-jump{flex:none}
.fit-jump svg{width:18px;height:18px}

/* ---------- model switcher ---------- */
.fit-switch{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 28px;margin-bottom:18px}
.fit-sw-group{display:grid;gap:8px;min-width:0}
.fit-sw-l{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.fit-sw-row{display:flex;gap:8px}
.fit-sw{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:10px 18px 10px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);font:600 15px/1 var(--font);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.fit-sw:hover{border-color:#CFC6B8}
.fit-sw[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.fit-sw:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.fit-sw .fit-crop{height:30px;width:auto;flex:none;box-shadow:0 2px 4px -1px rgba(20,18,17,.35)}
.fit-sw-t{white-space:nowrap;font-variant-numeric:tabular-nums}

/* the glass of a real photo, cropped to its measured edges */
.fit-crop{position:relative;display:block;overflow:hidden;border-radius:2px;background:#151312}
.fit .fit-crop img,.fit-teaser .fit-crop img{position:absolute;display:block;max-width:none}

/* ---------- stage ---------- */
.fit-stage{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(0,1fr);gap:20px;align-items:start}
.fit-col{display:grid;gap:20px;min-width:0}
.fit-panel{position:relative;margin:0;padding:14px 18px 18px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ground-2);min-width:0}
.fit-ph{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-height:34px;margin-bottom:8px}
.fit-ph>b{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.fit-canvas{position:relative;min-width:0}
.fit-legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--ink-2)}
.fit-legend>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.fit-legend>span[hidden]{display:none}
.fit-legend i{display:inline-block;width:20px;height:12px;border-radius:2px}
.fit-legend .lg-glas i{background:#151312}
.fit-legend .lg-cut i{height:0;border-top:2px dashed var(--accent);border-radius:0}
.fit-legend .lg-band i{background:repeating-linear-gradient(45deg,rgba(192,85,48,.4) 0 1.3px,rgba(192,85,48,.06) 1.3px 5px)}
.fit-legend .lg-hole i{height:0;border-top:2px dotted var(--ink);border-radius:0}

/* ---------- svg drawing ---------- */
.fit-svg{display:block;width:100%;height:auto;overflow:hidden;font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}
.fit-svg .fit-t{fill:var(--ink);font-weight:600;letter-spacing:-.005em;paint-order:stroke;stroke:var(--fit-halo);stroke-linejoin:round}
.fit-svg .fit-t--wt{stroke:var(--fit-wt)}
.fit-svg .fit-t--sm{font-size:.9em;font-weight:500}
.fit-svg .fit-t--soft{fill:var(--ink-2)}
.fit-svg .fit-t--in{stroke:#fff}
.fit-svg .fit-t--on{fill:rgba(255,255,255,.72);stroke:none}
.fit-svg .fit-t--vent{fill:var(--accent-2);stroke:#F7EEE8;font-weight:600}
.fit-dl,.fit-ext,.fit-lead{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}
.fit-ext{stroke-opacity:.42}
.fit-lead{stroke-opacity:.55}
.fit-ah{fill:var(--ink)}
.fit-dim--cut .fit-dl,.fit-dim--cut .fit-ext{stroke:var(--accent)}
.fit-dim--cut .fit-ext{stroke-opacity:.75}
.fit-dim--cut .fit-ah{fill:var(--accent)}
.fit-dim--cut .fit-t{fill:var(--accent-2)}
.fit-dim--wb .fit-dl,.fit-dim--wb .fit-ext{stroke:var(--ink-2)}
.fit-dim--wb .fit-ah{fill:var(--ink-2)}
.fit-dim--wb .fit-t{fill:var(--ink-2)}
.fit-band-e{stroke:var(--accent);stroke-opacity:.55;stroke-width:1;vector-effect:non-scaling-stroke}
.fit-glass-sh{fill:rgba(20,18,17,.34)}
.fit-glass-e{fill:none;stroke:#0B0A09;stroke-width:1;vector-effect:non-scaling-stroke}
.fit-cut{fill:none;stroke:var(--fit-cu);stroke-width:1.6;vector-effect:non-scaling-stroke}
.fit-hole-u{fill:none;stroke:rgba(20,18,17,.55);stroke-width:3.5;vector-effect:non-scaling-stroke}
.fit-hole{fill:none;stroke:#fff;stroke-width:1.8;vector-effect:non-scaling-stroke}
.fit-mk circle{fill:var(--accent);stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.fit-mk text{fill:#fff;font-weight:650}

/* section materials */
.fit-s-wall{stroke:none}
.fit-s-edge{stroke:#B9AFA1;stroke-width:1.2;vector-effect:non-scaling-stroke}
.fit-s-panel{fill:#fff;stroke:#CFC6B8;stroke-width:1;vector-effect:non-scaling-stroke}
.fit-s-front{fill:#F3EFE8;stroke:#CFC6B8;stroke-width:1;vector-effect:non-scaling-stroke}
.fit-s-box{fill:rgba(255,255,255,.55);stroke:#D9D1C4;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
.fit-s-wt{fill:#E4DCCF;stroke:#B3A796;stroke-width:1;vector-effect:non-scaling-stroke}
.fit-s-wt-h{stroke:none}
.fit-s-glass{fill:#151312}
.fit-s-housing{fill:#2C2926}
.fit-s-unit{stroke:#6F6860;stroke-width:1;vector-effect:non-scaling-stroke}
.fit-s-vent{stroke:none}
.fit-s-duct{fill:#fff;stroke:#8A847A;stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fit-s-grill{fill:#fff;stroke:#8A847A;stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}
.fit-s-grill-l{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}
.fit-air{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 9;vector-effect:non-scaling-stroke;animation:fit-air 1.6s linear infinite}
@keyframes fit-air{to{stroke-dashoffset:-14}}
/* app.css stops every animation under reduced motion; the airflow stays, slow and subtle */
@media (prefers-reduced-motion:reduce){.fit-air{animation-duration:4.8s!important}.fit-gat{transition-duration:.3s!important}}

/* ---------- section legend ---------- */
.fit-marks{display:grid;gap:9px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.fit-marks li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.fit-marks b{color:var(--ink);font-weight:600}
.fit-mk-n{display:grid;place-items:center;width:20px;height:20px;margin-top:0;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:650}
.fit-mk-n--i{background:none;color:var(--ink-3)}
.fit-mk-n--i svg{width:18px;height:18px}
.fit-seg{display:inline-flex;padding:3px;border-radius:999px;background:#EFE9DF}
.fit-seg button{min-height:40px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:500 13px/1 var(--font);cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s}
.fit-seg button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(20,18,17,.12)}
.fit-seg button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.fit.is-ind .fit-panel--sec .fit-seg{visibility:hidden}

/* ---------- key numbers ---------- */
.fit-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fit-key{position:relative;display:grid;align-content:start;gap:4px;min-width:0;padding:14px 16px 15px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.fit-key--wide{grid-column:span 2}
.fit-k-l{font-size:12.5px;color:var(--ink-2)}
.fit-k-v{font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.fit-k-v small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--ink-2)}
.fit-k-v i{font-style:normal;font-weight:400;color:var(--ink-3)}
.fit-txt{font-variant-numeric:normal;letter-spacing:-.01em}
.fit-k-s{font-size:13px;line-height:1.45;color:var(--ink-2)}
.fit-key--zaag{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:18px 20px 19px;border-color:var(--night);background:var(--night);color:#fff}
.fit-key--zaag>span{grid-column:1}
.fit-key--zaag .fit-k-l{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fit-cu)}
.fit-key--zaag .fit-k-v{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em}
.fit-key--zaag .fit-k-v small{font-size:.58em;color:rgba(255,255,255,.62)}
.fit-key--zaag .fit-k-v i{color:rgba(255,255,255,.45)}
.fit-key--zaag .fit-k-s{color:rgba(255,255,255,.66)}
.fit-copy{grid-column:2;grid-row:1/4;align-self:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:600 14px/1 var(--font);cursor:pointer;transition:background-color .2s,border-color .2s}
.fit-copy:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.fit-copy:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fit-copy svg{width:16px;height:16px;opacity:0;margin-right:-24px;transition:opacity .2s,margin .2s}
.fit-copy.is-done{border-color:var(--fit-cu);color:var(--fit-cu)}
.fit-copy.is-done svg{opacity:1;margin-right:0}

/* ---------- documents and product ---------- */
.fit-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fit-doc{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:10px 18px 10px 10px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s}
.fit-doc:hover{border-color:#CFC6B8}
.fit-doc:hover>svg{transform:translateX(3px)}
.fit-doc>svg{width:18px;height:18px;color:var(--ink-2);transition:transform .25s var(--ease)}
.fit-doc-c{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:6px;background:var(--ground-2);border:1px solid var(--line-2)}
.fit-doc-c img{width:100%;height:100%;object-fit:contain;background:#fff}
.fit-doc-t{display:grid;gap:1px;min-width:0;font-size:13.5px;line-height:1.35}
.fit-doc-t b{font-size:14.5px;font-weight:600}
.fit-doc-t span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fit-doc-t small{font-size:12px;color:var(--ink-3)}
.fit-buy{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:12px 16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.fit-buy-img{display:grid;place-items:center;width:84px;height:64px}
.fit-buy-img .fit-crop{width:100%;max-height:64px;box-shadow:0 4px 10px -4px rgba(20,18,17,.45)}
.fit-buy-t{display:grid;gap:2px;min-width:0}
.fit-buy-t>b{font-size:15px;font-weight:600;line-height:1.3}
.fit-buy-p{font-size:15px;font-variant-numeric:tabular-nums}
.fit-buy-p s{color:var(--ink-3);font-size:13.5px;margin-right:4px}
.fit-buy-p b{font-weight:650}
.fit-buy-btn{grid-column:1/-1;width:100%;min-height:46px}

/* ---------- checker ---------- */
.fit-check{margin-top:clamp(48px,6vw,80px)}
.fit-check-head{max-width:44rem;margin-bottom:28px}
.fit-check-head .label{color:var(--accent);font-size:12px;letter-spacing:.2em}
.fit-check-head .h2{margin:10px 0 10px}
.fit-check-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;align-items:start}
.fit-form{display:grid;gap:4px;padding:8px 22px 22px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}
.fit-form fieldset{min-width:0;margin:0;padding:16px 0 18px;border:0;border-bottom:1px solid var(--line-2)}
.fit-form legend{float:left;width:100%;margin-bottom:12px;padding:0;font-size:15px;font-weight:600}
.fit-form legend span{margin-left:6px;font-weight:400;color:var(--ink-3);font-size:13.5px}
.fit-form legend+*{clear:both}
.fit-in-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fit-in-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fit-in{display:grid;align-content:start;gap:6px;min-width:0}
.fit-in-l{font-size:13.5px;font-weight:550}
.fit-in-box{position:relative;display:block}
.fit-in-box input{width:100%;min-height:48px;padding:0 40px 0 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-size:16px;font-variant-numeric:tabular-nums;transition:border-color .2s,box-shadow .2s}
.fit-in-box input:hover{border-color:#CFC6B8}
.fit-in-box input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,18,17,.08)}
.fit-in-box i{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;color:var(--ink-3);pointer-events:none}
.fit-in small{font-size:12px;line-height:1.35;color:var(--ink-3)}
.fit-in.is-warn input{border-color:var(--accent)}
.fit-in.is-warn small{color:var(--accent-2);font-weight:500}
.fit-afvoer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:16px}
.fit-afvoer>span{font-size:13.5px;font-weight:550}
.fit-reset{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:10px;padding:0 4px;border:0;background:none;color:var(--ink-2);font:500 14px/1 var(--font);cursor:pointer}
.fit-reset svg{width:16px;height:16px}
.fit-reset:hover{color:var(--ink)}

.fit-results{position:sticky;top:calc(var(--fit-st, 96px) + 24px);display:grid;gap:12px;padding:20px 22px 22px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}
.fit-results:focus{outline:none}
/* summary bar in the form, only where the results sit below the form */
.fit-bar{display:none}
.fit-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:30px;margin:0;font-size:16px;font-weight:600;line-height:1.45}
.fit-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap}
.fit-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.fit-pill--ok{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}
.fit-pill--ok::before{background:var(--ok-dot)}
.fit-pill--adj{background:var(--fit-adj-soft);color:var(--fit-adj);box-shadow:inset 0 0 0 1px #F3D5C4}
.fit-pill--no{background:var(--fit-no-soft);color:var(--fit-no);box-shadow:inset 0 0 0 1px #FBD5D0}
.fit-rows{display:grid;gap:0;margin:0 -10px;padding:0;list-style:none}
.fit-r{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:14px 10px;border-top:1px solid var(--line-2);border-radius:var(--r);transition:background-color .25s}
.fit-r:hover{background:#FCFBF8}
.fit-r.is-sel{background:var(--ground-2);border-top-color:transparent;box-shadow:inset 3px 0 0 var(--accent)}
.fit-r.is-sel+.fit-r{border-top-color:transparent}
.fit-r-img{display:flex;align-items:center;justify-content:center;width:128px;padding:6px 0;overflow:hidden}
.fit-r-glass{position:relative;display:block;flex:none;transition:opacity .3s}
.fit-r-glass .fit-crop{width:100%;box-shadow:0 4px 10px -5px rgba(20,18,17,.55)}
.fit-gat{position:absolute;left:50%;top:50%;width:0;height:0;border:1.5px dashed #fff;border-radius:1px;box-shadow:0 0 0 1px rgba(20,18,17,.5),inset 0 0 0 1px rgba(20,18,17,.5);opacity:0;pointer-events:none;transition:left .4s cubic-bezier(.2,.75,.2,1),top .4s cubic-bezier(.2,.75,.2,1),width .4s cubic-bezier(.2,.75,.2,1),height .4s cubic-bezier(.2,.75,.2,1),opacity .25s}
.fit-gat.is-on{opacity:1}
.fit-r-t{display:grid;gap:3px;min-width:0}
.fit-r-btn{justify-self:start;margin:0;padding:0;border:0;background:none;color:var(--ink);font:600 15px/1.3 var(--font);letter-spacing:-.005em;text-align:left;cursor:pointer}
.fit-r-btn::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.fit-r-btn:focus-visible{outline:none}
.fit-r-btn:focus-visible::after{outline:2px solid var(--ink);outline-offset:-2px}
.fit-r:hover .fit-r-btn{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.fit-r-why{font-size:13px;line-height:1.4;color:var(--ink-2)}
.fit-r-end{display:grid;justify-items:end;gap:6px}
.fit-r-p{font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}
.fit-v{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
.fit-v:empty{display:none}
.fit-v::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.fit-r--ok .fit-v{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}
.fit-r--ok .fit-v::before{background:var(--ok-dot)}
.fit-r--adj .fit-v{background:var(--fit-adj-soft);color:var(--fit-adj);box-shadow:inset 0 0 0 1px #F3D5C4}
.fit-r--no .fit-v{background:var(--fit-no-soft);color:var(--fit-no);box-shadow:inset 0 0 0 1px #FBD5D0}
.fit-help{margin:0;font-size:13.5px;color:var(--ink-2)}
.fit-help a{color:var(--ink);font-weight:600}

/* ---------- before sawing ---------- */
.fit-tips{padding-block:clamp(48px,6vw,88px)}
.fit-tips-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,4vw,64px)}
.fit-tips-head{display:grid;gap:10px;align-content:start}
.fit-tips-head .label{color:var(--accent);font-size:12px;letter-spacing:.2em}
.fit-tips-head .h3{margin:0}
.fit-tips-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0;padding:0;list-style:none}
.fit-tips-list li{position:relative;display:grid;align-content:start;gap:4px;padding:16px 0 18px 34px;border-top:1px solid var(--line)}
.fit-tips-list li::before{content:"";position:absolute;left:0;top:17px;width:22px;height:22px;border-radius:50%;background:#DCB8A7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.fit-tips-list b{font-size:15px;font-weight:600}
.fit-tips-list span{font-size:14px;line-height:1.55;color:var(--ink-2)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .fit-head{grid-template-columns:minmax(0,1fr);gap:12px}
  .fit-tips-in{grid-template-columns:minmax(0,1fr)}
  /* tablet: top view and numbers full width, section beside detail, documents and product */
  .fit-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"top top" "keys keys" "sec det" "sec docs" "sec buy";gap:16px 20px}
  .fit-col{display:contents}
  .fit-panel--top{grid-area:top}.fit-keys{grid-area:keys}.fit-panel--sec{grid-area:sec}.fit-panel--det{grid-area:det}.fit-docs{grid-area:docs;grid-template-columns:minmax(0,1fr)}.fit-buy{grid-area:buy;align-self:start}
  .fit-check-grid{grid-template-columns:minmax(0,1fr)}
  .fit-results{position:static}
  .fit-bar{position:sticky;top:calc(var(--fit-st, 64px) + 8px);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;margin:12px 0 4px;padding:7px 7px 7px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--ground-2);box-shadow:0 8px 18px -14px rgba(20,18,17,.5);cursor:pointer}
  .fit-bar-s{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;font-size:14px;font-weight:600;line-height:1.35}
  .fit-bar .fit-pill{gap:6px;min-height:26px;padding:0 9px;font-size:12.5px}
  .fit-bar-go{display:none;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff}
  .fit-bar.is-on .fit-bar-go{display:grid}
  .fit-bar-go svg{width:16px;height:16px;transform:rotate(90deg)}
}
@media (max-width:760px){
  /* phone: one column in DOM order, drawings and numbers first, then documents and the product */
  .fit-stage{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .fit-head-s{display:block}
  .fit-jump{margin-top:18px}
  .fit-switch{display:grid;grid-template-columns:2fr 3fr;gap:10px}
  .fit-sw-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
  .fit-sw{flex-direction:column;justify-content:center;gap:8px;min-height:76px;padding:10px 4px;font-size:14px}
  .fit-sw .fit-crop{height:24px}
  .fit-panel{padding:12px 12px 14px}
  .fit-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .fit-key{padding:12px 13px 13px}
  .fit-k-v{font-size:17px}
  .fit-k-s{font-size:12.5px}
  .fit-key--wide{grid-column:1/-1}
  .fit-key--zaag{grid-template-columns:minmax(0,1fr);padding:16px}
  .fit-copy{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}
  .fit-docs{grid-template-columns:minmax(0,1fr)}
  .fit-panel--det,.fit-buy{align-self:stretch}
  .fit-form{padding:4px 16px 16px}
  /* phone: one measurement per row, label left and field right */
  .fit-in-grid,.fit-in-grid--2{grid-template-columns:minmax(0,1fr);gap:14px}
  .fit-in{grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center}
  .fit-in-l{grid-column:1;grid-row:1;align-self:end}
  .fit-in small{grid-column:1;grid-row:2;align-self:start}
  .fit-in-box{grid-column:2;grid-row:1/3}
  .fit-form legend{margin-bottom:14px}
  .fit-results{padding:16px}
  .fit-rows{margin:0 -8px}
  .fit-r{grid-template-columns:88px minmax(0,1fr);gap:6px 12px;padding:12px 8px}
  .fit-r-img{grid-row:span 2;width:88px}
  .fit-r-end{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
  .fit-r-btn{font-size:14.5px}
  .fit-r-why{font-size:12.5px}
  .fit-tips-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  .fit-ph>b{font-size:11px}
  .fit-legend{font-size:12px;gap:4px 12px}
  .fit-seg button{padding:0 11px;font-size:12.5px}
}

/* ---------- product page section (H.fit.embedHTML): drawings and numbers of one model ---------- */
/* html already keeps the header clear (scroll-padding-top); this skips most of the section padding */
.fit--embed{scroll-margin-top:calc(8px - clamp(48px,6vw,80px))}
.fit-e-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(20px,2.6vw,32px)}
.fit-e-t{display:grid;gap:.6rem;min-width:0}
.fit-e-t .label{color:var(--accent);font-size:12px;letter-spacing:.2em}
.fit-e-t .h3{margin:0}
.fit-e-link{flex:none}
.fit-e-link svg{width:18px;height:18px}
@media (max-width:1100px){
  .fit--embed .fit-stage{grid-template-rows:auto auto auto;grid-template-areas:"top top" "keys keys" "sec det"}
  .fit--embed .fit-panel--det{align-self:start}
}
@media (max-width:760px){
  .fit-e-head{display:grid;gap:14px}
  .fit-e-link{justify-self:start;max-width:100%;white-space:normal;text-align:left}
  .fit--embed .fit-panel--det{align-self:stretch}
}

/* ---------- teaser (category and product page); responds to its own width ---------- */
.fit-teaser{container-type:inline-size;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ground-2)}
.fit-t-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:24px 40px;align-items:center;padding:clamp(20px,3vw,32px)}
.fit-teaser .label{color:var(--accent);font-size:12px;letter-spacing:.2em}
.fit-t-head{display:grid;gap:8px;justify-items:start}
.fit-t-h{display:block;margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.fit-t-head p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.fit-t-btn{margin-top:8px;min-height:44px}
.fit-t-btn svg{width:18px;height:18px}
.fit-t-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start;margin:0;padding:0;list-style:none}
.fit-t-row a{display:grid;gap:4px;color:var(--ink);text-decoration:none}
.fit-t-frame{display:flex;align-items:flex-end;aspect-ratio:900/520;margin-bottom:10px}
.fit-t-img{display:block;transition:transform .35s var(--ease)}
.fit-t-img .fit-crop{width:100%;box-shadow:0 8px 16px -10px rgba(20,18,17,.6)}
.fit-t-row a:hover .fit-t-img{transform:translateY(-3px)}
.fit-t-row b{font-size:14px;font-weight:600;line-height:1.3}
.fit-t-z{font-size:12.5px;line-height:1.4;color:var(--ink-2);font-variant-numeric:tabular-nums}
.fit-t-z>span{white-space:nowrap}
.fit-t-z>span:first-child{display:block}
.fit-teaser--one .fit-t-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 36px}
.fit-t-vis{display:block}
.fit-t-wt{display:grid;place-items:center;padding:9%;border-radius:var(--r);background:linear-gradient(90deg,rgba(233,227,217,0),#E9E3D9 8%,#E9E3D9 92%,rgba(233,227,217,0))}
.fit-t-glass{position:relative;display:block;width:100%;box-shadow:0 14px 26px -16px rgba(20,18,17,.7)}
.fit-t-glass .fit-crop{width:100%}
.fit-t-cut{position:absolute;border:1.5px dashed #F0A585;pointer-events:none}
.fit-t-body{display:grid;gap:8px;justify-items:start;min-width:0}
.fit-t-dl{display:grid;gap:0;width:100%;margin:6px 0 4px}
.fit-t-dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.fit-t-dl dt{color:var(--ink-2)}
.fit-t-dl dd{margin:0 0 0 auto;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.fit-t-dl .is-cut dd{color:var(--accent-2)}
.fit-t-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--ink);font-weight:600;font-size:14.5px;text-decoration:none}
.fit-t-link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.fit-t-link:hover svg{transform:translateX(3px)}
@container (max-width:860px){
  .fit-t-in{grid-template-columns:minmax(0,1fr)}
  .fit-t-row{gap:12px}
}
@container (max-width:620px){
  .fit-t-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .fit-teaser--one .fit-t-in{grid-template-columns:minmax(0,1fr)}
  .fit-t-wt{padding:7% 8%}
}

/* ---------- page v2: model pills, answer card, info, buy strip ---------- */
.fit-head2{padding-block:12px 20px}.fit-head2 .label{color:var(--accent)}.fit-head2 .h1{margin:6px 0 8px}.fit-head2 .lead{max-width:56ch;margin:0}
.fit-switch--v2{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.fit-sw--txt{min-height:44px;padding:0 18px;border-radius:999px;font-size:14.5px;font-weight:600;gap:0}
.fit.is-v2 .fit-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr);grid-template-areas:"top answer" "sec info" "buy buy";gap:20px;align-items:start}
.fit.is-v2 .fit-panel--top{grid-area:top}.fit-answer{grid-area:answer}.fit.is-v2 .fit-panel--sec{grid-area:sec}.fit-info{grid-area:info}.fit-buy--v2{grid-area:buy}
.fit-answer{display:grid;align-content:start;gap:6px;padding:20px 22px 22px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-l);background:#fff}
.fit-a-l{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.fit-a-big{font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0 4px}
.fit-a-big i{font-style:normal;font-weight:400;color:var(--ink-3);font-size:.6em;margin:0 4px}.fit-a-big small{font-size:.5em;font-weight:500;color:var(--ink-3)}
.fit-a-p{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.fit-kv{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:12px 0 0;padding:0;list-style:none}.fit-kv--1{grid-template-columns:1fr;margin-top:8px}
.fit-kv li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}.fit-kv li span{color:var(--ink-3);flex:none}.fit-kv li b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.fit-a-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fit-copy--v2{grid-column:auto;grid-row:auto;min-height:44px;padding:0 18px;border-color:var(--accent);background:var(--accent);color:#fff}.fit-copy--v2:hover{background:var(--accent-2,#a9472a);border-color:var(--accent-2,#a9472a)}.fit-copy--v2.is-done{color:#fff;border-color:var(--accent)}
.fit-info{display:grid;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}.fit-info .fit-docs{grid-template-columns:1fr}
.fit-buy--v2{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;gap:16px;padding:16px 18px;background:var(--ground-2)}.fit-buy--v2 .fit-buy-btn{grid-column:auto;width:auto;min-height:46px;padding-inline:22px}
@media (max-width:1100px){.fit.is-v2 .fit-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top answer" "sec info" "buy buy"}}
@media (max-width:760px){.fit.is-v2 .fit-stage{display:flex;flex-direction:column;gap:14px}.fit-switch--v2{display:flex;grid-template-columns:none}.fit-sw--txt{flex-direction:row;min-height:42px;padding:0 14px;font-size:13.5px}.fit-kv{grid-template-columns:1fr}.fit-buy--v2{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}.fit-buy--v2 .fit-buy-btn{grid-column:1/-1;width:100%}}

/* ---------- page v3 ---------- */
.fit.is-v3 .fit-head2 .h1{margin-bottom:16px;max-width:22ch}
.fit-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:24px;border-radius:22px;background:var(--ground-2)}
.fit-hero-img{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#fff}.fit-hero-img img{width:100%;height:100%;object-fit:contain;padding:8%}
.fit-hero-t{display:grid;gap:8px;align-content:center}
.fit.is-v3 .fit-a-big{font-size:clamp(30px,3.4vw,42px)}
.fit-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}
.fit-tile{display:grid;align-content:start;gap:2px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.fit-tile .label{font-size:11px;letter-spacing:.12em;color:var(--ink-3)}
.fit-tile b{font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.fit-tile b small{font-size:12px;font-weight:500;color:var(--ink-3);margin-left:3px}
.fit-tile>span:last-child{font-size:12.5px;color:var(--ink-2)}
.fit-tabs-box{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
.fit-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--ground-2)}
.fit-tabs button{flex:1;min-height:50px;padding:0 10px;border:0;background:none;font:600 14px/1.3 var(--font);color:var(--ink-3);cursor:pointer}
.fit-tabs button[aria-selected="true"]{color:var(--ink);background:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
.fit.is-v3 .fit-tab-ind{display:none}.fit.is-v3.is-ind .fit-tab-afz{display:none}.fit.is-v3.is-ind .fit-tab-ind{display:inline}
.fit-tab-panes{position:relative}
.fit-tab-pane{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:center;padding:22px 24px}
.fit-tab-pane:not(.is-on){position:absolute;inset:0;opacity:0;pointer-events:none;visibility:hidden}
.fit.is-v3 .fit-tab-pane .fit-panel{padding:0;border:0;background:none}
.fit.is-v3 .fit-tab-pane .fit-ph{min-height:0;margin:0 0 6px;justify-content:flex-end}
.fit.is-v3 .fit-tab-pane .fit-marks{margin:0;padding:0;border:0}
.fit-docs--v3{margin-top:16px}
.fit-help{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 20px;border-radius:16px;background:var(--ground-2);font-size:14px;color:var(--ink-2)}.fit-help b{color:var(--ink)}.fit-help .btn{flex:none}
@media (max-width:1100px){.fit-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.fit-hero{grid-template-columns:1fr;gap:16px;padding:16px}.fit-hero-img{aspect-ratio:16/10}.fit-tab-pane{grid-template-columns:1fr;gap:14px;padding:14px}.fit-tabs button{font-size:12.5px;min-height:46px}.fit-help{flex-direction:column;align-items:flex-start}.fit-docs--v3{grid-template-columns:1fr}}
.fit.is-v3 .fit-panel--top,.fit.is-v3 .fit-panel--sec,.fit.is-v3 .fit-marks{grid-area:auto}
.fit.is-v3 .fit-hero-img{aspect-ratio:16/10}.fit.is-v3 .fit-hero-img img{padding:4%}
/* HOWAT flow: the real installation, photographed, with the water drawn on a canvas. Every rule is scoped under .flow */

.flow {
  --fl-ink: #141211;
  --fl-muted: #6B6459;
  --fl-line: #EBE7E0;
  --fl-beige: #FAF8F4;
  --fl-accent: #C05530;
  --fl-accent-2: #A94825;
  --fl-cold: #2678E8;
  --fl-warm: #EC761E;
  --fl-filtered: #00A3AD;
  --fl-boiling: #D0342C;
  --fl-ease: cubic-bezier(.2, .75, .2, 1);
  container-type: inline-size;
  container-name: flow;
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  color: var(--fl-ink);
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}
.flow *, .flow *::before, .flow *::after { box-sizing: border-box; }
.flow [hidden] { display: none !important; }
/* measures the small viewport height (browser toolbars shown) for the layout */
.flow .flow-vh { position: fixed; top: 0; left: 0; width: 1px; height: 100vh; height: 100svh; visibility: hidden; pointer-events: none; }

/* ---------------------------------------------------------------- layout: phone first */
.flow .flow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "stage" "panel" "info";
  align-items: start;
}
.flow .flow-stage { grid-area: stage; min-width: 0; }
.flow .flow-panel { grid-area: panel; min-width: 0; }
.flow .flow-info { grid-area: info; min-width: 0; }

@container flow (max-width: 599px) {
  .flow:not(.is-side) .flow-stage { margin-inline: calc(var(--gut, 20px) * -1); }
}
/* side: a short, wide screen (phone in landscape). Photo left, panel right at the same height, facts below */
.flow.is-side .flow-grid {
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "stage panel" "info info";
  column-gap: 16px;
  align-items: stretch;
}
@container flow (min-width: 900px) {
  .flow .flow-grid {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "stage panel" "stage info";
    column-gap: clamp(32px, 4cqw, 56px);
  }
}

/* ---------------------------------------------------------------- stage */
.flow .flow-scene {
  position: relative;
  display: block;
  width: 100%;
  height: 640px;
  margin-inline: auto;
  overflow: hidden;
  background: #E9E3DA;
  isolation: isolate;
  -webkit-user-select: none;
  user-select: none;
}
.flow.is-side .flow-scene { border-radius: 16px; box-shadow: 0 0 0 1px rgba(20, 18, 17, .06), 0 2px 4px rgba(20, 18, 17, .04), 0 30px 60px -34px rgba(20, 18, 17, .45); }
@container flow (min-width: 600px) {
  .flow .flow-scene { border-radius: 16px; box-shadow: 0 0 0 1px rgba(20, 18, 17, .06), 0 2px 4px rgba(20, 18, 17, .04), 0 30px 60px -34px rgba(20, 18, 17, .45); }
}
.flow .flow-world { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform-origin: 0 0; }
.flow .flow-over { pointer-events: none; }
/* the real wall continues past the photo edges: edge.webp holds the edge columns of the plate, stretched sideways */
.flow .flow-ext { position: absolute; top: 0; height: 100%; width: var(--ext, 0px); background: url(//howat.nl/wp-content/themes/howat-2026/media/flow/edge.webp) no-repeat; background-size: 200% 100%; pointer-events: none; }
.flow .flow-ext[data-side="l"] { right: calc(100% - 1px); background-position: 0 0; }
.flow .flow-ext[data-side="r"] { left: calc(100% - 1px); background-position: 100% 0; }
.flow .flow-plate { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; display: block; pointer-events: none; -webkit-user-drag: none; }
.flow .flow-fx { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.flow .flow-leaders { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.flow .flow-leaders line { stroke: rgba(20, 18, 17, .5); stroke-width: 1.25; vector-effect: non-scaling-stroke; transition: stroke .25s var(--fl-ease), opacity .25s var(--fl-ease); }
.flow .flow-leaders .is-on line { stroke: rgba(20, 18, 17, .95); }

/* --fl-dot: set by flow.js from the photo scale, so a dot never outgrows the part it marks */
.flow .flow-dot {
  position: absolute;
  width: var(--fl-dot, 11px);
  height: var(--fl-dot, 11px);
  margin: calc(var(--fl-dot, 11px) / -2) 0 0 calc(var(--fl-dot, 11px) / -2);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 1.5px rgba(20, 18, 17, .8), 0 1px 3px rgba(20, 18, 17, .3);
  pointer-events: none;
  transition: background-color .25s var(--fl-ease), box-shadow .25s var(--fl-ease), opacity .25s var(--fl-ease);
}
.flow .flow-leaders g { transition: opacity .25s var(--fl-ease); }
.flow .flow-dot.is-on { background: var(--fl-ink); box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--fl-ink); }
.flow.is-micro .flow-dot { box-shadow: 0 0 0 1.25px rgba(20, 18, 17, .8), 0 1px 2px rgba(20, 18, 17, .3); }
.flow.is-micro .flow-dot.is-on { box-shadow: 0 0 0 1.5px #fff, 0 0 0 2.5px var(--fl-ink); }

.flow .flow-labels { position: absolute; inset: 0; pointer-events: none; }
.flow .flow-label {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -.005em;
  color: var(--fl-ink);
  background: rgba(255, 255, 255, .96);
  padding: 7px 11px;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(20, 18, 17, .08), 0 1px 2px rgba(20, 18, 17, .1), 0 10px 22px -12px rgba(20, 18, 17, .45);
  transition: background-color .25s var(--fl-ease), color .25s var(--fl-ease), opacity .25s var(--fl-ease), box-shadow .25s var(--fl-ease);
}
.flow .flow-label[data-a="t"] { transform: translate(-50%, 0); }
.flow .flow-label[data-a="b"] { transform: translate(-50%, -100%); }
.flow .flow-label[data-a="l"] { transform: translate(0, -50%); }
.flow .flow-label[data-a="r"] { transform: translate(-100%, -50%); }
.flow .flow-label.is-on { background: var(--fl-ink); color: #fff; }
.flow .flow-label-s { display: none; }
.flow.is-tight .flow-label-s { display: inline; }
.flow.is-tight .flow-label { padding: 6px 9px; gap: 6px; }
.flow.is-tiny .flow-label { font-size: 12px; padding: 5px 8px; gap: 5px; }
.flow.is-tiny .flow-temp { font-size: 11.5px; padding: 2px 6px; margin: -2px -4px -2px 0; }
/* a very small photo (short screens): smaller pills and dots, so the labels keep clear of each other */
.flow.is-micro .flow-label { font-size: 11px; padding: 4px 7px; gap: 4px; }
.flow.is-micro .flow-temp { font-size: 10.5px; padding: 1px 5px; margin: -1px -3px -1px 0; }
/* while water runs on a small photo, only the part the caption names keeps its pill, dot and line */
.flow.is-micro.is-running .flow-label[data-label]:not(.is-on),
.flow.is-micro.is-running .flow-dot:not(.is-on),
.flow.is-micro.is-running .flow-leaders g:not(.is-on) { opacity: 0; }
/* smallest photo, before anything runs: the parts the idle caption names (tap, Koud, Warm) and the socket; filter and boiler come with their step */
.flow.is-nano:not(.is-running) :is(.flow-label[data-label="filter"], .flow-label[data-label="boiler"], .flow-dot[data-dot="filter"], .flow-dot[data-dot="boiler"], .flow-leaders g[data-leader="filter"], .flow-leaders g[data-leader="boiler"]) { opacity: 0; }
.flow.no-hot .flow-label.flow-label--hot, .flow.no-hot .flow-label.flow-label--sk { visibility: hidden; }
.flow.is-tight .flow-label:has(.flow-label-s) .flow-label-l { display: none; }
.flow .flow-temp {
  display: none;
  font-weight: 700;
  font-size: 12px;
  padding: 3px 7px;
  margin: -3px -5px -3px 0;
  border-radius: 999px;
  background: var(--fl-boiling);
  color: #fff;
}
.flow[data-state="kokend"] .flow-temp, .flow[data-state="beide"] .flow-temp { display: inline-block; }
/* while water runs, parts that are not part of the current step step back: the pill stays solid, only its text and the dot ring soften */
.flow.is-running .flow-label[data-label]:not(.is-on) { color: #8F877B; box-shadow: 0 0 0 1px rgba(20, 18, 17, .06), 0 1px 2px rgba(20, 18, 17, .06); }
.flow.is-running .flow-dot:not(.is-on) { box-shadow: 0 0 0 1.5px rgba(20, 18, 17, .38), 0 1px 3px rgba(20, 18, 17, .2); }
.flow.is-running .flow-leaders g:not(.is-on) line { stroke: rgba(20, 18, 17, .26); }

.flow .flow-label.flow-label--hot { opacity: 0; background: var(--fl-boiling); color: #fff; font-weight: 700; }
.flow .flow-label.flow-label--hot.is-on { opacity: 1; }
/* with both levers open: one pill names both waters at the same height, its line (--lead) runs into the stream */
.flow .flow-label.flow-label--sk { opacity: 0; flex-direction: column; align-items: flex-start; gap: 3px; border-radius: 12px; padding: 6px 10px 6px 9px; }
.flow .flow-label.flow-label--sk.is-on { opacity: 1; background: rgba(255, 255, 255, .96); color: var(--fl-ink); }
.flow .flow-sk-r { display: inline-flex; align-items: center; gap: 6px; }
.flow.is-tight .flow-label.flow-label--sk { font-size: 12px; gap: 2px; padding: 5px 8px 5px 7px; border-radius: 10px; }
.flow.is-tight .flow-sk-r { gap: 5px; }
.flow.is-tight .flow-label--sk .flow-sw { width: 8px; height: 8px; }
.flow.is-micro .flow-label.flow-label--sk { gap: 1px; padding: 4px 7px 4px 6px; border-radius: 9px; }
.flow .flow-sw { width: 9px; height: 9px; border-radius: 50%; background: var(--fl-cold); flex: none; }
.flow .flow-sw[data-c="boiling"] { background: var(--fl-boiling); }
.flow.is-micro .flow-sw { width: 7px; height: 7px; }
.flow .flow-label.has-lead::after { content: ""; position: absolute; top: 50%; height: 2px; margin-top: -1px; width: var(--lead, 0px); border-radius: 2px; pointer-events: none; }
.flow .flow-label.has-lead[data-a="r"]::after { left: 100%; }
.flow .flow-label.has-lead[data-a="l"]::after { right: 100%; }
.flow .flow-label--hot.has-lead::after { background: var(--fl-boiling); box-shadow: 0 0 0 1px rgba(255, 255, 255, .7); }
.flow .flow-label--sk.has-lead::after { background: linear-gradient(90deg, var(--fl-cold), var(--fl-boiling)); box-shadow: 0 0 0 1px rgba(255, 255, 255, .7); }
/* the lever pills: which way the lever of this step turns */
.flow .flow-label.flow-label--lev { opacity: 0; background: var(--fl-ink); color: #fff; gap: 6px; }
.flow .flow-label.flow-label--lev.is-on { opacity: 1; }
.flow .flow-lev-i { width: 8px; height: 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, .28); flex: none; }
.flow.is-micro .flow-lev-i { width: 6px; height: 6px; }
.flow .flow-leaders .flow-lev-lead { opacity: 0; }
.flow .flow-leaders .flow-lev-lead.is-on { opacity: 1; }
.flow .flow-leaders .flow-lev-lead line { stroke: rgba(20, 18, 17, .95); stroke-dasharray: 3 3; }

.flow .flow-chip {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 28px);
  padding: 8px 12px 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 0 0 1px rgba(20, 18, 17, .07), 0 10px 22px -12px rgba(20, 18, 17, .45);
  font-size: 13px;
  line-height: 1.15;
  font-weight: 600;
  white-space: nowrap;
  color: var(--fl-ink);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .25s var(--fl-ease), transform .25s var(--fl-ease), background-color .25s var(--fl-ease), color .25s var(--fl-ease);
  pointer-events: none;
}
.flow .flow-chip.is-on { opacity: 1; transform: none; }
/* on the smallest photo (a phone in landscape) the chip would cover the tap: the caption beside the photo names the water */
.flow.is-micro .flow-chip { display: none; }
.flow.is-tiny .flow-chip { top: 10px; right: 10px; gap: 7px; padding: 7px 11px 7px 9px; font-size: 12.5px; }
.flow.is-tiny .flow-chip i { width: 9px; height: 9px; }
.flow .flow-chip i { width: 10px; height: 10px; border-radius: 50%; background: var(--fl-muted); flex: none; }
.flow .flow-chip[data-kind="cold"] i { background: var(--fl-cold); }
.flow .flow-chip[data-kind="warm"] i { background: var(--fl-warm); }
.flow .flow-chip[data-kind="filtered"] i { background: var(--fl-filtered); }
.flow .flow-chip[data-kind="boiling"] { background: var(--fl-boiling); color: #fff; }
.flow .flow-chip[data-kind="boiling"] i { background: #fff; }
.flow .flow-chip[data-kind="both"] i { background: linear-gradient(90deg, var(--fl-cold) 0 50%, var(--fl-boiling) 50% 100%); }

/* ---------------------------------------------------------------- panel: caption, progress, mode buttons */
.flow .flow-panel {
  position: sticky;
  bottom: var(--flow-bottom, 8px);
  z-index: 4;
  width: 100%;
  margin: 10px auto 0;
  padding: 10px 10px 10px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(20, 18, 17, .06), 0 14px 34px -18px rgba(20, 18, 17, .45);
}
.flow .flow-cap { padding: 2px 6px 8px; }
.flow .flow-cap-k { margin: 0 0 3px; font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--fl-accent); }
.flow.is-warn .flow-cap-k { color: var(--fl-accent-2); }
/* the caption keeps one fixed height for every text, so the panel never jumps between steps */
.flow .flow-cap-t { margin: 0; min-height: calc(2 * 1.36em); font-size: 16px; line-height: 1.36; font-weight: 550; letter-spacing: -.008em; color: var(--fl-ink); text-wrap: pretty; }
@container flow (max-width: 379px) { .flow .flow-cap-t { font-size: 15px; } }
@container flow (max-width: 309px) { .flow .flow-cap-t { min-height: calc(3 * 1.36em); } }
.flow .flow-prog-wrap { min-height: 26px; margin-top: 6px; }
/* phones: a slim progress line, the photo labels name the parts */
@container flow (max-width: 599px) {
  .flow:not(.is-side) .flow-prog-wrap { min-height: 4px; margin-top: 10px; }
  .flow:not(.is-side) .flow-prog { gap: 3px; }
  .flow:not(.is-side) .flow-prog li { gap: 0; }
  .flow:not(.is-side) .flow-prog i { height: 4px; }
  .flow:not(.is-side) .flow-prog span { display: none; }
}
.flow .flow-prog { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.flow .flow-prog li { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.flow .flow-prog i { display: block; height: 5px; border-radius: 999px; background: var(--fl-line); overflow: hidden; }
.flow .flow-prog b { display: block; height: 100%; width: 100%; border-radius: inherit; background: var(--fl-ink); transform: scaleX(0); transform-origin: 0 50%; transition: transform .5s var(--fl-ease); }
.flow .flow-prog [data-kind="cold"] b { background: var(--fl-cold); }
.flow .flow-prog [data-kind="warm"] b { background: var(--fl-warm); }
.flow .flow-prog [data-kind="filtered"] b { background: var(--fl-filtered); }
.flow .flow-prog [data-kind="boiling"] b { background: var(--fl-boiling); }
.flow .flow-prog [data-kind="both"] b { background: linear-gradient(90deg, var(--fl-cold), var(--fl-boiling)); }
.flow .flow-prog [data-kind="warn"] b { background: var(--fl-accent); }
.flow .flow-prog li.is-on b, .flow .flow-prog li.is-done b { transform: none; }
/* --seg-d: set per step by flow.js, the time until the next part of the scene starts */
.flow .flow-prog li.is-on b { transition-duration: var(--seg-d, 1.8s); transition-timing-function: linear; }
.flow .flow-prog span { font-size: 12px; line-height: 1.2; font-weight: 500; color: var(--fl-muted); white-space: nowrap; }
.flow .flow-prog li.is-on span { color: var(--fl-ink); font-weight: 650; }

.flow .flow-modes {
  display: grid;
  grid-template-columns: 1fr 1fr 1.4fr;
  gap: 4px;
  padding: 4px;
  background: var(--fl-beige);
  border: 1px solid var(--fl-line);
  border-radius: 999px;
  width: 100%;
}
.flow .flow-mode {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--fl-ink);
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  cursor: pointer;
  white-space: nowrap;
  touch-action: manipulation;
  transition: background-color .2s var(--fl-ease), color .2s var(--fl-ease), box-shadow .2s var(--fl-ease);
}
@media (hover: hover) {
  .flow .flow-mode:not([aria-pressed="true"]):not(.is-down):hover { background: #fff; box-shadow: 0 0 0 1px var(--fl-line); }
}
.flow .flow-mode:focus-visible { outline: 2px solid var(--fl-ink); outline-offset: 2px; }
.flow .flow-mode[aria-pressed="true"] { background: var(--fl-ink); color: #fff; }
.flow .flow-swatch { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.flow .flow-swatch[data-c="cold"] { background: var(--fl-cold); }
.flow .flow-swatch[data-c="warm"] { background: var(--fl-warm); }
.flow .flow-mode--hold { touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; justify-content: flex-start; padding-left: 5px; gap: 9px; }
.flow .flow-mode--hold.is-down { background: #fff; box-shadow: 0 0 0 1px var(--fl-line); }
.flow .flow-mode--hold.is-hot, .flow .flow-mode--hold[aria-pressed="true"] { background: var(--fl-boiling); color: #fff; box-shadow: none; }
.flow .flow-mode--both.is-hot, .flow .flow-mode--both[aria-pressed="true"] { background: linear-gradient(90deg, #1F63C4, var(--fl-boiling)); }
.flow.is-nw .flow-modes { grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr) minmax(0, 1.35fr); }
.flow .flow-mode-t { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.flow .flow-mode-t small { font-size: 12px; font-weight: 500; opacity: .7; }
.flow .flow-ring { position: relative; width: 38px; height: 38px; flex: none; display: grid; place-items: center; }
.flow .flow-ring svg:first-child { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.flow .flow-ring-bg { fill: #fff; stroke: #E3DCD1; stroke-width: 3; }
.flow .flow-ring-fg { fill: none; stroke: var(--fl-boiling); stroke-width: 3.4; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; }
.flow .flow-mode--hold.is-hot .flow-ring-bg { fill: rgba(255, 255, 255, .16); stroke: rgba(255, 255, 255, .3); }
.flow .flow-mode--hold.is-hot .flow-ring-fg { stroke: #fff; }
.flow .flow-lock { position: relative; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.flow .flow-mode--hold:not(.is-hot) .flow-lock { color: var(--fl-ink); }

.flow .flow-hint { display: none; }
/* beside the photo: caption, progress and buttons stay together, centred in the card */
.flow.is-side .flow-panel { position: static; margin: 0; display: flex; flex-direction: column; justify-content: center; gap: 14px; }
@container flow (max-width: 759px) { .flow.is-side .flow-cap-t { min-height: calc(3 * 1.36em); } }

.flow .flow-modes > * { min-width: 0; }
@container flow (max-width: 379px) {
  .flow .flow-modes { grid-template-columns: minmax(0, .85fr) minmax(0, .85fr) minmax(0, 1.6fr); }
  .flow.is-nw .flow-modes { grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr) minmax(0, 1.3fr); }
  .flow .flow-mode { font-size: 14px; padding: 6px 6px; gap: 6px; }
  .flow .flow-mode--hold { padding-left: 4px; gap: 7px; }
  .flow .flow-ring { width: 36px; height: 36px; }
}
@container flow (max-width: 309px) {
  .flow .flow-panel { padding: 8px; }
  .flow .flow-modes { grid-template-columns: minmax(0, .85fr) minmax(0, .9fr) minmax(0, 1.7fr); gap: 2px; padding: 3px; }
  .flow .flow-mode { font-size: 13.5px; padding: 6px 3px; gap: 5px; }
  .flow .flow-swatch { width: 9px; height: 9px; }
  .flow .flow-mode--hold { padding-left: 3px; gap: 6px; }
  .flow .flow-ring { width: 34px; height: 34px; }
  .flow .flow-mode-t small { font-size: 11px; }
  .flow.is-nw .flow-modes { grid-template-columns: minmax(0, .75fr) minmax(0, 1.3fr) minmax(0, 1.3fr); }
}

/* desktop: the panel becomes the top of the right column, the full step list does the explaining */
@container flow (min-width: 900px) {
  .flow .flow-panel { position: static; margin: 0; padding: 0; background: none; box-shadow: none; border-radius: 0; }
  .flow .flow-cap { display: none; }
  .flow .flow-modes { background: #fff; }
  .flow .flow-hint { display: block; margin: 10px 6px 0; min-height: 2.8em; font-size: 14px; line-height: 1.4; color: var(--fl-muted); }
  .flow.is-warn .flow-hint { color: var(--fl-accent-2); font-weight: 550; }
  .flow.is-running[data-state="kokend"] .flow-hint { color: var(--fl-ink); font-weight: 550; }
}

/* ---------------------------------------------------------------- steps, facts, note */
.flow .flow-info { margin-top: 20px; }
/* desktop: the column runs to the bottom of the photo, the facts and note close it off there */
@container flow (min-width: 900px) {
  .flow .flow-info { margin-top: 8px; align-self: stretch; display: flex; flex-direction: column; }
  .flow .flow-info > .flow-facts { margin-top: auto; }
  .flow .flow-lists { margin-bottom: 16px; }
}
.flow .flow-steps-title, .flow .flow-steps { display: none; }
@container flow (min-width: 900px) {
  .flow .flow-steps-title { display: block; margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--fl-accent); }
  .flow .flow-steps { display: grid; align-content: start; list-style: none; margin: 0; padding: 0; gap: 6px; }
  /* the three lists share one cell, so the column keeps the height of the longest one and the facts never jump when the mode changes */
  .flow .flow-lists { display: grid; }
  .flow .flow-lists > .flow-steps { grid-area: 1 / 1; }
  .flow .flow-lists > .flow-steps[hidden] { display: grid !important; visibility: hidden; }
  /* the list for both levers only takes room when there is no warm-water pipe */
  .flow:not(.is-nw) .flow-lists > .flow-steps[data-for="beide"] { display: none !important; }
  .flow.is-nw .flow-step { padding-top: 9px; padding-bottom: 9px; }
}
.flow .flow-step {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: start;
  padding: 11px 14px 11px 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 0 1px var(--fl-line);
  transition: box-shadow .25s var(--fl-ease), background-color .25s var(--fl-ease);
}
.flow .flow-step p { margin: 0; padding-top: 3px; font-size: 15px; line-height: 1.45; color: var(--fl-ink); transition: color .25s var(--fl-ease); }
.flow.is-running .flow-step:not(.is-on):not(.is-done) p { color: var(--fl-muted); }
.flow .flow-step-n {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--fl-muted);
  background: var(--fl-beige);
  box-shadow: inset 0 0 0 1px var(--fl-line);
  transition: background-color .25s var(--fl-ease), color .25s var(--fl-ease);
}
.flow .flow-step.is-on { box-shadow: 0 0 0 1.5px var(--fl-ink), 0 12px 26px -16px rgba(20, 18, 17, .4); }
.flow .flow-step.is-on .flow-step-n, .flow .flow-step.is-done .flow-step-n { color: #fff; box-shadow: none; }
.flow .flow-step[data-kind="cold"].is-on .flow-step-n, .flow .flow-step[data-kind="cold"].is-done .flow-step-n { background: var(--fl-cold); }
.flow .flow-step[data-kind="warm"].is-on .flow-step-n, .flow .flow-step[data-kind="warm"].is-done .flow-step-n { background: var(--fl-warm); }
.flow .flow-step[data-kind="filtered"].is-on .flow-step-n, .flow .flow-step[data-kind="filtered"].is-done .flow-step-n { background: var(--fl-filtered); }
.flow .flow-step[data-kind="boiling"].is-on .flow-step-n, .flow .flow-step[data-kind="boiling"].is-done .flow-step-n { background: var(--fl-boiling); }
.flow .flow-step[data-kind="lever"].is-on .flow-step-n, .flow .flow-step[data-kind="lever"].is-done .flow-step-n { background: var(--fl-ink); }
.flow .flow-step[data-kind="both"].is-on .flow-step-n, .flow .flow-step[data-kind="both"].is-done .flow-step-n { background: linear-gradient(135deg, var(--fl-cold) 0 50%, var(--fl-boiling) 50% 100%); }
.flow .flow-step[data-kind="warn"].is-on .flow-step-n, .flow .flow-step[data-kind="warn"].is-done .flow-step-n { background: var(--fl-accent); }

.flow .flow-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
@container flow (min-width: 600px) and (max-width: 899px) { .flow .flow-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.flow .flow-facts li { background: #fff; padding: 11px 12px; border-radius: 8px; box-shadow: 0 0 0 1px var(--fl-line); display: flex; flex-direction: column; gap: 2px; min-width: 0; transition: box-shadow .25s var(--fl-ease); }
.flow .flow-facts li.is-on { box-shadow: 0 0 0 1.5px var(--fl-ink), 0 12px 26px -16px rgba(20, 18, 17, .4); }
.flow .flow-facts b { font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.flow .flow-facts span { font-size: 13px; line-height: 1.3; color: var(--fl-muted); }
.flow .flow-note { margin: 12px 0 0; padding: 12px 14px; border-radius: 8px; background: #F3EEE6; font-size: 14px; line-height: 1.5; color: var(--fl-ink); }
.flow .flow-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; }

/* The water is drawn with requestAnimationFrame, so it runs with reduced motion too.
   app.css shortens every CSS transition and animation under reduced motion; restore the few that carry meaning here. */
@media (prefers-reduced-motion: reduce) {
  .flow .flow-mode, .flow .flow-label, .flow .flow-dot, .flow .flow-chip, .flow .flow-leaders line, .flow .flow-capw, .flow .flow-nw-s, .flow .flow-nw-s i,
  .flow .flow-step, .flow .flow-step p, .flow .flow-step-n, .flow .flow-facts li { transition-duration: .25s !important; }
  .flow .flow-prog b { transition-duration: .5s !important; }
  .flow .flow-prog li.is-on b { transition-duration: var(--seg-d, 1.8s) !important; }
}

/* The product page buy bar steps aside while this section is on a short screen (flow.js sets flow-yield), so the photo can use that height.
   It comes back as soon as the section leaves the screen. */
.sticky-buy.is-on.flow-yield { transform: translateY(105%); visibility: hidden; transition: transform .35s var(--ease, ease), visibility 0s .35s; }

/* ---------------------------------------------------------------- the tap: the two levers are photo layers over the plate */
.flow .flow-tap { position: absolute; inset: 0; pointer-events: none; }
.flow .flow-tap img { position: absolute; display: block; max-width: none; margin: 0; pointer-events: none; -webkit-user-drag: none; }
/* a group (plate patch without the lever, and the lever itself) only shows while its lever is off its rest position */
.flow .flow-lg { position: absolute; inset: 0; visibility: hidden; }
.flow .flow-lg.is-on { visibility: visible; }
.flow .flow-lclip { position: absolute; inset: 0; }
.flow .flow-face { opacity: 0; }
/* no warm-water pipe: the warm valve is gone from the photo, the warm tail of the tap ends in a plug */
.flow .flow-capw { opacity: 0; transition: opacity .35s var(--fl-ease); }
.flow.is-nw .flow-capw { opacity: 1; }

/* the levers in the photo are controls: drag the right one, press and hold the left one */
.flow .flow-lh { position: absolute; z-index: 3; display: block; border-radius: 14px; touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; outline: none; }
.flow .flow-lh--mixer { cursor: grab; }
.flow .flow-lh--mixer:active { cursor: grabbing; }
.flow .flow-lh--knob { cursor: pointer; }
.flow .flow-lh:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--fl-ink); }
@media (hover: hover) {
  .flow .flow-lh:hover { box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .9), 0 0 0 3px rgba(20, 18, 17, .22); }
}

/* the switch for a tap without a warm-water pipe */
.flow .flow-nw {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0;
  padding: 6px 12px 6px 6px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--fl-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.2;
  cursor: pointer;
  touch-action: manipulation;
  white-space: nowrap;
}
.flow .flow-nw:focus-visible { outline: 2px solid var(--fl-ink); outline-offset: 2px; }
.flow .flow-nw-s { position: relative; width: 36px; height: 22px; flex: none; border-radius: 999px; background: #DCD5CA; transition: background-color .2s var(--fl-ease); }
.flow .flow-nw-s i { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(20, 18, 17, .3); transition: transform .2s var(--fl-ease); }
.flow .flow-nw[aria-checked="true"] .flow-nw-s { background: var(--fl-ink); }
.flow .flow-nw[aria-checked="true"] .flow-nw-s i { transform: translateX(14px); }
@media (hover: hover) {
  .flow .flow-nw:not(.is-over):hover { background: #fff; box-shadow: 0 0 0 1px var(--fl-line); }
}
.flow .flow-nw-home:empty { display: none; }
/* on a phone the switch sits on the photo, bottom left on the floor, so the sticky panel keeps its height */
.flow .flow-nw.is-over {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 3;
  margin: 0;
  gap: 8px;
  padding: 5px 11px 5px 5px;
  font-size: 13px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 0 0 1px rgba(20, 18, 17, .08), 0 1px 2px rgba(20, 18, 17, .1), 0 10px 22px -12px rgba(20, 18, 17, .45);
}
.flow .flow-nw.is-over .flow-nw-s { width: 32px; height: 20px; }
.flow .flow-nw.is-over .flow-nw-s i { width: 14px; height: 14px; }
.flow .flow-nw.is-over[aria-checked="true"] .flow-nw-s i { transform: translateX(12px); }
.flow.is-tiny .flow-nw.is-over { font-size: 12px; left: 8px; bottom: 8px; }
.flow.is-side .flow-nw { margin-top: 0; align-self: flex-start; }
@container flow (min-width: 900px) {
  .flow .flow-nw { margin: 12px 0 0 2px; }
}
/* what you see and what to do, right above the buttons (17-09) */
.flow-intro{margin:0 0 12px}
.flow-intro-t{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.flow-intro-s{margin:4px 0 0;max-width:46ch;font-size:14px;line-height:1.5;color:var(--ink-2)}
.flow-intro-m{display:none}
@media (max-width:1023px){
  .flow-intro{margin:14px 0 10px}
  .flow-intro-t{font-size:15px}
  .flow-intro-m{display:inline}
  .flow-intro-s{display:none}
}
/* Kokend and Beide are plain buttons like Koud and Warm now: one tap opens, the next tap turns the lever back (17-09) */
.flow .flow-swatch[data-c="boiling"] { background: var(--fl-boiling); }
.flow .flow-swatch[data-c="both"] { background: linear-gradient(90deg, var(--fl-cold) 50%, var(--fl-boiling) 50%); }
.flow .flow-mode--hold { justify-content: center; padding-left: 12px; gap: 8px; touch-action: manipulation; }
@media (max-width: 767px) { .flow .flow-mode--hold { padding-left: 6px; gap: 6px; } }
.flow .flow-mode--hold.is-hot .flow-swatch, .flow .flow-mode--hold[aria-pressed="true"] .flow-swatch { background: #fff; }
/* HOWAT search: command palette with live preview (Leno shop style) */
html.sa-lock{overflow:hidden}
/* a classic scrollbar keeps its room while the page is locked, so nothing behind the palette moves sideways */
html.sa-lock.sa-gutter{scrollbar-gutter:stable}
.sa,.sz-sec,.sz-none{
  --sa-ink:#141211;--sa-ink2:#6B6459;--sa-ink3:#716B61;--sa-line:#EBE7E0;--sa-line2:#F2EEE7;--sa-beige:#FAF8F4;
  --sa-acc:#C05530;--sa-acc2:#A94825;--sa-act:#F4EFE7;--sa-ease:cubic-bezier(.2,.75,.2,1)
}
dialog.search-dialog.sa{
  position:fixed;inset:0;box-sizing:border-box;width:min(900px,calc(100vw - 48px));height:min(720px,calc(100vh - 96px));height:min(720px,calc(100dvh - 96px));
  max-width:none;max-height:none;margin:max(48px,6vh) auto auto;padding:0;border:0;border-radius:16px;overflow:hidden;
  background:#fff;color:var(--sa-ink);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.4;
  box-shadow:0 0 0 1px rgba(20,18,17,.07),0 12px 28px -12px rgba(20,18,17,.22),0 40px 90px -24px rgba(20,18,17,.42);outline:none
}
dialog.search-dialog.sa[open]{display:flex;flex-direction:column;animation:saIn .24s var(--sa-ease)}
/* short content (no results, one pane) lets the panel shrink instead of leaving an empty block */
dialog.search-dialog.sa.is-fit{bottom:auto;height:auto;min-height:min(440px,calc(100vh - 96px));max-height:min(720px,calc(100vh - 96px));max-height:min(720px,calc(100dvh - 96px))}
/* a plain scrim: a backdrop blur repaints the whole animated page behind it on every frame and roughly doubles input latency */
dialog.search-dialog.sa::backdrop{background:rgba(24,20,17,.46);animation:saFade .24s ease}
dialog.search-dialog.sa.is-closing{animation:saOut .14s ease forwards}
dialog.search-dialog.sa.is-closing::backdrop{animation:saFadeOut .14s ease forwards}
@keyframes saIn{from{opacity:0;transform:translateY(-8px) scale(.985)}}
@keyframes saOut{to{opacity:0;transform:translateY(-6px) scale(.99)}}
@keyframes saFade{from{opacity:0}}
@keyframes saFadeOut{to{opacity:0}}
@keyframes saRise{from{opacity:0;transform:translateY(8px)}}
dialog.sa:focus,dialog.sa:focus-visible{outline:none}
.sa *,.sa *::before,.sa *::after{box-sizing:border-box}
.sa :focus-visible{outline:2px solid var(--sa-acc);outline-offset:2px;border-radius:8px}
.sa svg{width:18px;height:18px;flex:none}
.sa kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--sa-line);border-bottom-width:2px;border-radius:5px;background:#fff;font:600 11px/1 Inter,system-ui,sans-serif;color:var(--sa-ink2)}
.sa .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sa .dlv .dl-s{display:none}

/* head: a clean focus line under the field instead of an outline around the dialog */
.sa-head{position:relative;flex:none;display:flex;align-items:center;gap:10px;height:64px;padding:0 14px 0 20px;border-bottom:1px solid var(--sa-line)}
.sa-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--sa-acc);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--sa-ease)}
.sa-head:has(.sa-input:focus)::after{transform:scaleX(1)}
.sa-glass{display:grid;color:var(--sa-ink3)}
.sa-glass svg{width:20px;height:20px}
.sa-input{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:none;font:450 17px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.012em;color:var(--sa-ink);caret-color:var(--sa-acc);-webkit-appearance:none;appearance:none}
.sa .sa-input:focus,.sa .sa-input:focus-visible{outline:none}
.sa-input::placeholder{color:#A39C91;opacity:1}
.sa-input::-webkit-search-cancel-button,.sa-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.sa-clear{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:var(--sa-line2);color:var(--sa-ink2);cursor:pointer;transition:background-color .15s,color .15s}
.sa-clear:hover{background:var(--sa-line);color:var(--sa-ink)}
.sa-clear svg{width:14px;height:14px}
.sa-clear[hidden]{display:none}
.sa-esc{flex:none;display:grid;place-items:center;height:30px;padding:0 2px;border:0;background:none;cursor:pointer}
.sa-esc kbd{height:24px;padding:0 7px;font-size:11.5px;transition:border-color .15s,color .15s}
.sa-esc:hover kbd{border-color:#D8D1C6;color:var(--sa-ink)}
.sa-esc-t{display:none}
.sa-back{display:none}

/* body */
.sa-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}
.sa-body.is-home,.sa-body.is-none{grid-template-columns:minmax(0,1fr)}
.sa-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:6px 8px 14px;scrollbar-width:thin;scrollbar-color:#DDD6CB transparent}
.sa-preview{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;border-left:1px solid var(--sa-line);background:var(--sa-beige);scrollbar-width:thin}
.is-home .sa-preview,.is-none .sa-preview{display:none}
.sa-pre:empty,.sa-post:empty{display:none}

/* groups */
.sa-group{padding:2px 0 6px}
.sa-list.is-results .sa-group+.sa-group{margin-top:2px;padding-top:6px;border-top:1px solid var(--sa-line2)}
.sa-gh{display:flex;align-items:center;gap:8px;min-height:32px;padding:8px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--sa-ink3)}
.sa-gh .n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--sa-line2);font-size:10.5px;font-weight:600;letter-spacing:0;line-height:18px;text-align:center;color:var(--sa-ink2);font-variant-numeric:tabular-nums}
.sa-link{margin-left:auto;min-height:28px;padding:2px 6px;border:0;background:none;font:500 12px Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--sa-ink3);cursor:pointer;border-radius:6px}
.sa-link:hover{color:var(--sa-ink);text-decoration:underline;text-underline-offset:3px}

/* rows: the option and, next to it, its own buttons */
.sa-row{position:relative;display:flex;align-items:center;border-radius:10px;transition:background-color .12s}
.sa-row.is-active{background:var(--sa-act)}
.sa-opt{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:inherit;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sa-opt:hover{color:inherit}
.sa-thumb{flex:none;display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid var(--sa-line);border-radius:8px;background:#fff}
.sa-thumb img{width:100%;height:100%;padding:3px;object-fit:contain}
.sa-thumb.is-cover img{padding:0;object-fit:cover}
.sa-txt{flex:1;min-width:0;display:grid;gap:2px}
.sa-t{overflow:hidden;font-size:14.5px;font-weight:560;line-height:1.3;letter-spacing:-.006em;white-space:nowrap;text-overflow:ellipsis;color:var(--sa-ink)}
.sa-t--wrap{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sa-s{display:flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;color:var(--sa-ink2)}
.sa-ell{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sa-warn{color:#92400E}
.sa-dots{display:inline-flex;gap:3px;flex:none}
.sa-m{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px;font-size:12px;color:var(--sa-ink3)}
.sa-m .dlv{min-width:0;padding:1px 7px 1px 6px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-rate{display:inline-flex;align-items:center;gap:4px;flex:none;font-weight:600;color:var(--sa-ink);font-variant-numeric:tabular-nums}
.sa-rate i{display:grid;place-items:center;width:15px;height:15px;background:var(--sa-acc);color:#fff}
.sa-rate i svg{width:11px;height:11px}
.sa-rate span{font-weight:450;color:var(--sa-ink3)}
.sa-price{flex:none;display:grid;justify-items:end;gap:1px;margin-left:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sa-price b{font-size:14.5px;font-weight:650;letter-spacing:-.01em}
.sa-price s{font-size:12px;color:var(--sa-ink3)}
/* "Met code SALE €368,10" from the promo settings, under the price of a result and in the preview */
.sa-code{display:block;margin:0;font-size:11.5px;font-weight:500;line-height:1.35;color:var(--sa-ink2);letter-spacing:0}
.sa .sa-code b,.sa .sa-prod .sa-code b{font-size:inherit;font-weight:600;letter-spacing:.06em;color:var(--sa-acc2)}
.sa-code .nw{white-space:nowrap;font-weight:650;color:var(--sa-ink)}
.sa-pv-code{margin-top:-4px;font-size:13px}
.sa-bp-code{margin-top:1px}
.sa-from{font-size:11.5px;color:var(--sa-ink3)}
.sa-add{flex:none;display:grid;place-items:center;width:38px;height:38px;margin:0 10px 0 2px;padding:0;border:1px solid var(--sa-line);border-radius:999px;background:#fff;color:var(--sa-ink);cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s}
.sa-add svg{width:17px;height:17px}
.sa-add:hover{border-color:var(--sa-acc);background:var(--sa-acc);color:#fff}
.sa-add:active{transform:scale(.94)}
.sa-add.is-done{border-color:#BBF7D0;background:#F0FDF4;color:#166534}
.sa-row.is-active .sa-add{border-color:#D9D1C5}
.sa-row.is-active .sa-add:hover{border-color:var(--sa-acc)}
.sa-ret,.sa-go{flex:none;display:grid;place-items:center;width:26px;height:26px;margin-left:4px;border-radius:7px;color:var(--sa-ink3);opacity:0;transition:opacity .12s}
.sa-ret svg,.sa-go svg{width:15px;height:15px}
.sa-row.is-active .sa-ret{opacity:1;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-go{opacity:1;color:var(--sa-ink)}
.sa-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--sa-beige);box-shadow:inset 0 0 0 1px var(--sa-line2);color:var(--sa-ink2)}
.sa-ic svg{width:18px;height:18px}
.sa-ic--plain{width:22px;height:22px;background:none;box-shadow:none;color:var(--sa-ink3)}
.sa-ic--plain svg{width:16px;height:16px}
.sa-ic--ink{background:var(--sa-ink);box-shadow:none;color:#fff}
.sa-row.is-active .sa-ic:not(.sa-ic--plain):not(.sa-ic--ink){background:#fff}
.sa-snip{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;line-height:1.45;color:var(--sa-ink2)}
.sa-qa .sa-opt{align-items:flex-start}
.sa-qa .sa-ic{margin-top:1px}
.sa-qa .sa-ret{align-self:center}
.sa-all .sa-opt{min-height:52px}
.sa-all .sa-t{font-weight:600}
.sa mark{padding:0;border-radius:2px;background:linear-gradient(transparent 60%,rgba(192,85,48,.24) 60%);color:inherit;font-weight:inherit}

/* notes above the list: spelling and combinations that do not exist */
.sa-pre{display:grid;gap:6px;padding:8px 4px 2px}
.sa-fix,.sa-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.45;color:var(--sa-ink2)}
.sa-fix{width:100%;align-items:center;border:0;background:none;font-family:Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:background-color .15s}
.sa-fix:hover{background:var(--sa-beige)}
.sa-fix b{font-weight:600;color:var(--sa-acc2);text-decoration:underline;text-underline-offset:3px}
.sa-fix svg,.sa-note svg{width:16px;height:16px;margin-top:1px;color:var(--sa-ink3)}
.sa-fix svg{margin-top:0}
.sa-note{background:#FFFBEB;box-shadow:inset 0 0 0 1px #FDE68A;color:#92400E}
.sa-note svg{color:#B45309}
.sa-none-top button{padding:0;border:0;background:none;font:600 13px Inter,system-ui,sans-serif;color:var(--sa-acc);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* preview pane */
.sa-pv{display:flex;flex-direction:column;gap:12px;min-height:100%;animation:saPv .18s ease}
@keyframes saPv{from{opacity:.4}}
.sa-pv-media{display:block;flex:none;height:188px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-pv-media img{display:block;width:100%;height:100%;object-fit:cover}
.sa-pv-media.is-white img{padding:12px;object-fit:contain}
.sa-pv--text .sa-pv-media{height:150px}
.sa-pv-head{display:grid;gap:3px}
.sa-pv-eye{font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--sa-acc2)}
.sa-pv-t{margin:0;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.018em;color:var(--sa-ink)}
.sa-pv-s{margin:0;font-size:13px;color:var(--sa-ink2)}
.sa-pv-p{margin:0;font-size:13.5px;line-height:1.6;color:#4A443C}
.sa-pv-p--sm{font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.sa-pv-fin{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-pv-lab{font-size:12.5px;color:var(--sa-ink2)}
.sa-pv-lab b{margin-left:4px;font-weight:600;color:var(--sa-ink)}
.sa-pv-fin .fdots{gap:2px;flex-wrap:nowrap}
.sa-pv-fin .fdots a.is-current{box-shadow:0 0 0 1.5px var(--sa-ink)}
.sa-pv-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sa-pv-price{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.sa-pv-price b{font-size:22px;font-weight:650;letter-spacing:-.02em}
.sa-pv-price s{font-size:13.5px;color:var(--sa-ink3)}
.sa-pv-rate{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sa-ink3)}
.sa-pv-rate b{color:var(--sa-ink);font-weight:600}
.sa-pv-rate .sbox{margin:0;--sb:15px}
.sa-pv .dlv{align-self:flex-start;font-size:12px}
.sa-pv-cta{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:4px}
.sa-pv-cta.is-one{grid-template-columns:1fr}
.sa-pv-cta .btn{min-height:44px;padding:0 16px;gap:8px;font-size:14px;border-radius:999px}
.sa-pv-cta .btn svg{width:17px;height:17px}
.sa-pv-cta .btn.is-done{background:#166534;border-color:#166534;color:#fff}
.sa-pv-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.sa-pv-list li{display:flex;gap:8px;font-size:13px;line-height:1.4;color:#4A443C}
.sa-pv-list svg{width:16px;height:16px;margin-top:1px;color:#166534}
.sa-pv-steps{display:grid;gap:6px;margin:0;padding:0;list-style:none;counter-reset:s}
.sa-pv-steps li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--sa-ink);counter-increment:s}
.sa-pv-steps li::before{content:counter(s);display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line);font-size:11.5px;font-weight:600;color:var(--sa-acc)}
.sa-pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sa-mini-pv{display:grid;gap:2px;padding:6px 6px 8px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line);color:inherit;text-decoration:none;transition:box-shadow .15s}
.sa-mini-pv:hover{box-shadow:inset 0 0 0 1px #CFC7BB}
.sa-mini-pv .sa-mini-im{display:block;height:92px;margin-bottom:4px}
.sa-mini-pv .sa-mini-im img{width:100%;height:100%;object-fit:contain}
.sa-mini-t{overflow:hidden;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:var(--sa-ink2)}
.sa-mini-pv b{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.sa-help{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-help-t{flex:1;min-width:0;display:grid;font-size:12px;color:var(--sa-ink3)}
.sa-help-t b{font-size:13px;font-weight:600;color:var(--sa-ink)}
.sa-help-a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sa-ink);text-decoration:none;white-space:nowrap}
.sa-help-a svg{width:15px;height:15px}
.sa-live{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#C9C2B7}
.sa-live.is-open{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}

/* empty state, wide: searches and help on the left, shop on the right */
.sa-home{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100%}
.sa-home.is-narrow{display:block}
.sa-home-l{padding:0 8px 0 0;border-right:1px solid var(--sa-line2)}
.sa-home-r{min-width:0;padding:0 4px 0 14px}
.sa-home .sa-group+.sa-group{margin-top:4px}
.sa-sug .sa-opt{gap:10px;min-height:38px;padding:6px 10px}
.sa-sug .sa-t{font-size:14px;font-weight:450}
.sa-cnt{margin-left:auto;font-size:12px;color:var(--sa-ink3);font-variant-numeric:tabular-nums}
.sa-x{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-right:6px;padding:0;border:0;border-radius:8px;background:none;color:var(--sa-ink3);cursor:pointer;opacity:0;transition:opacity .12s,background-color .12s,color .12s}
.sa-x svg{width:14px;height:14px}
.sa-row.is-active .sa-x,.sa-x:focus-visible{opacity:1}
.sa-x:hover{background:#fff;color:var(--sa-ink)}
.sa-helpo .sa-opt{gap:10px;padding:6px 10px}
.sa-helpo .sa-ic{width:32px;height:32px;border-radius:8px}
.sa-helpo .sa-ic svg{width:16px;height:16px}
.sa-helpo .sa-t{font-size:13.5px}
.sa-helpo .sa-s{font-size:12px;color:var(--sa-ink3)}
.sa-home:not(.is-narrow) .sa-helpo .sa-s{align-items:flex-start}
.sa-home:not(.is-narrow) .sa-helpo .sa-ell{white-space:normal;line-height:1.35}
.sa-home:not(.is-narrow) .sa-helpo .sa-live{margin-top:4px}
.sa-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:2px 2px 2px}
.sa-tile{border-radius:12px}
.sa-tile .sa-opt{display:grid;align-content:start;gap:1px;padding:6px 6px 8px}
.sa-tile-im{display:block;aspect-ratio:16/10;margin-bottom:6px;overflow:hidden;border-radius:9px;background:#F3EFE8}
.sa-tile-im img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transition:transform .5s var(--sa-ease)}
.sa-tile-im.is-soft{background:#F3F0EB}
.sa-tile-im.is-soft img{object-fit:contain}
.sa-tile-im.is-white{background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-tile-im.is-white img{padding:8px;object-fit:contain}
.sa-tile.is-active .sa-tile-im img{transform:scale(1.04)}
.sa-tile-t{font-size:13.5px;font-weight:600;line-height:1.25;letter-spacing:-.006em}
.sa-tile-s{font-size:12px;color:var(--sa-ink3);font-variant-numeric:tabular-nums}
.sa-fins{display:flex;flex-wrap:wrap;gap:6px;padding:2px 6px 4px}
.sa-fin{border-radius:999px;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-fin .sa-opt{gap:7px;min-height:36px;padding:4px 11px 4px 6px;font-size:13px;font-weight:500;white-space:nowrap}
.sa-fin .n{font-size:12px;color:var(--sa-ink3);font-variant-numeric:tabular-nums}
.sa-fin.is-active{box-shadow:inset 0 0 0 1px #D2C9BC}
.sa-best{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px 8px 4px}
.sa-mini{flex-direction:column;align-items:stretch;border-radius:12px;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-mini .sa-opt{display:grid;align-content:start;gap:6px;padding:8px 8px 9px}
.sa-mini .sa-mini-im{display:block;height:84px;border-radius:8px;background:#fff}
.sa-mini .sa-mini-im img{display:block;width:100%;height:100%;object-fit:contain}
.sa-mini .sa-t{min-height:2.6em;font-size:12.5px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sa-mini .sa-s{font-size:11.5px}
.sa-mini .sa-add{position:absolute;top:58px;right:10px;width:34px;height:34px;margin:0;box-shadow:0 2px 8px -2px rgba(20,18,17,.18)}
.sa-bp{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:6px;margin-top:2px;font-size:12px;font-variant-numeric:tabular-nums}
.sa-bp b{font-size:13.5px;font-weight:650}
.sa-bp s{font-size:11.5px;color:var(--sa-ink3)}

/* no results */
.sa-none-top{display:flex;align-items:center;gap:14px;padding:14px 12px 4px}
.sa-none-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:999px;background:var(--sa-beige);box-shadow:inset 0 0 0 1px var(--sa-line);color:var(--sa-ink3)}
.sa-none-ic svg{width:22px;height:22px}
.sa-none-top h3{margin:0 0 2px;font-size:18px;font-weight:600;letter-spacing:-.015em}
.sa-none-top p{margin:0;font-size:13.5px;color:var(--sa-ink2)}
.sa-g-try .sa-sugs,.sa-home.is-narrow .sa-sugs{display:flex;flex-wrap:wrap;gap:8px;padding:2px 10px 6px}
.sa-g-try .sa-sug,.sa-home.is-narrow .sa-sug{border-radius:999px;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-g-try .sa-sug .sa-opt,.sa-home.is-narrow .sa-sug .sa-opt{gap:7px;min-height:40px;padding:0 14px 0 11px;font-size:13.5px}
.sa-g-try .sa-sug .sa-t,.sa-home.is-narrow .sa-sug .sa-t{font-size:13.5px;font-weight:500}
.sa-g-try .sa-sug.is-active,.sa-home.is-narrow .sa-sug.is-active{box-shadow:inset 0 0 0 1px #D2C9BC}
.sa-home.is-narrow .sa-cnt{display:none}
.sa-home.is-narrow .sa-sug--rec .sa-opt{padding-right:2px}
.sa-home.is-narrow .sa-sug--rec .sa-x{width:40px;height:40px;margin:0;border-radius:999px;opacity:1}
@media (max-width:699px),(pointer:coarse) and (max-height:500px){.sa-g-try .sa-sug .sa-opt,.sa-home.is-narrow .sa-sug .sa-opt{min-height:44px}.sa-home.is-narrow .sa-sug--rec .sa-x{width:44px;height:44px}}
/* horizontal scrollers */
.sa-g-scroll .sa-tiles,.sa-home.is-narrow .sa-tiles,.sa-home.is-narrow .sa-fins{display:flex;flex-wrap:nowrap;gap:10px;margin:0 -8px;padding:2px 18px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 18px;scrollbar-width:none}
.sa-g-scroll .sa-tiles::-webkit-scrollbar,.sa-home.is-narrow .sa-tiles::-webkit-scrollbar,.sa-home.is-narrow .sa-fins::-webkit-scrollbar{display:none}
.sa-g-scroll .sa-tile,.sa-home.is-narrow .sa-tile{flex:none;width:148px;scroll-snap-align:start}
.sa-g-scroll .sa-tile .sa-opt,.sa-home.is-narrow .sa-tile .sa-opt{padding:0 0 4px}
.sa-g-scroll .sa-tile-im,.sa-home.is-narrow .sa-tile-im{aspect-ratio:4/3}
.sa-g-scroll .sa-tile-im img,.sa-home.is-narrow .sa-tile-im img{object-position:50% 50%}
.sa-home.is-narrow .sa-mini .sa-t{min-height:0}
/* no results with two panes wide: the six categories side by side, nothing cut off */
.sa-list.is-wide .sa-g-scroll .sa-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:2px 10px 6px;overflow:visible}
.sa-list.is-wide .sa-g-scroll .sa-tile{width:auto}
.sa-home.is-narrow .sa-fins{gap:8px}
.sa-home.is-narrow .sa-fin{flex:none}
.sa-home.is-narrow .sa-fin .sa-opt{min-height:44px}
.sa-home.is-narrow .sa-best{grid-template-columns:1fr;gap:0;padding:0}
.sa-home.is-narrow .sa-mini{flex-direction:row;align-items:center;box-shadow:none}
.sa-home.is-narrow .sa-mini .sa-opt{grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:12px;padding:8px 4px 8px 8px}
.sa-home.is-narrow .sa-mini .sa-mini-im{width:64px;height:64px;border:1px solid var(--sa-line)}
.sa-home.is-narrow .sa-mini .sa-mini-im img{padding:3px}
.sa-home.is-narrow .sa-mini .sa-t{font-size:14px;white-space:normal;display:-webkit-box}
.sa-home.is-narrow .sa-mini .sa-s{font-size:12.5px}
.sa-home.is-narrow .sa-mini .sa-add{position:static;width:44px;height:44px;margin:0 6px 0 0;box-shadow:none}
.sa-home.is-narrow .sa-helps{display:grid;grid-template-columns:1fr 1fr;gap:0 4px}
.sa-home.is-narrow .sa-helpo .sa-opt{min-height:52px}

/* the best answer, in full (screens without the preview pane) */
.sa-featrow{margin:2px 2px 6px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-featrow.is-active{background:#FBF9F5;box-shadow:inset 0 0 0 1px #D9D1C5}
.sa-featrow .sa-opt{display:block;padding:14px 16px 14px}
.sa-feat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sa-feat-hd{display:grid;gap:3px;min-width:0}
.sa-feat-eye{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sa-acc2)}
.sa-feat-t{font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--sa-ink)}
.sa-feat-im{width:64px;height:64px}
.sa-feat-bd{display:grid;gap:10px;margin-top:8px}
.sa-feat-x{font-size:14px;line-height:1.6;color:#4A443C}
.sa-feat-pts,.sa-feat-steps{display:grid;gap:7px}
.sa-feat-pts>span{display:flex;gap:8px;font-size:13.5px;line-height:1.4;color:#4A443C}
.sa-feat-pts svg{width:16px;height:16px;margin-top:1px;color:#166534}
.sa-feat-steps>span{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--sa-ink)}
.sa-feat-steps i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--sa-line);font-size:11.5px;font-style:normal;font-weight:600;color:var(--sa-acc)}
.sa-feat-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--sa-ink);text-decoration:underline;text-decoration-color:var(--sa-line);text-underline-offset:4px}
.sa-feat-more svg{width:15px;height:15px}

/* contact card below answers and in the no-results state */
.sa-post{padding:4px 4px 0}
.sa-contact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin:8px 0 4px;padding:14px 16px;border-radius:14px;background:var(--sa-beige);box-shadow:inset 0 0 0 1px var(--sa-line)}
.sa-contact-t{display:grid;gap:2px;font-size:12.5px;color:var(--sa-ink2)}
.sa-contact-t b{font-size:14px;font-weight:600;color:var(--sa-ink)}
.sa-contact-t>span{display:flex;align-items:center;gap:8px}
.sa-contact-b{display:flex;flex-wrap:wrap;gap:6px}
.sa-contact-b .btn{min-height:40px;padding:0 14px;gap:7px;font-size:13.5px;background:#fff}
.sa-contact-b .btn svg{width:16px;height:16px}

/* add confirmation: takes the place of the footer, never covers a result */
.sa-added{flex:none;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 10px 8px 12px;border-top:1px solid var(--sa-line);background:#fff}
.sa-added[hidden]{display:none}
.sa-added.is-in{animation:saRise .24s var(--sa-ease)}
.sa.has-added .sa-foot{display:none}
.sa-added-im{flex:none;width:44px;height:44px;overflow:hidden;border:1px solid var(--sa-line);border-radius:8px;background:#fff}
.sa-added-im img{width:100%;height:100%;padding:2px;object-fit:contain}
.sa-added-t{flex:1;min-width:0;display:grid;gap:1px;font-size:12.5px;color:var(--sa-ink2)}
.sa-added-t b{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--sa-ink)}
.sa-added-t b svg{width:16px;height:16px;padding:2px;border-radius:999px;background:#166534;color:#fff;stroke-width:2.4}
.sa-added-t>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sa-added-go{flex:none;min-height:40px;padding:0 8px 0 16px;gap:8px;border-radius:999px;font-size:13.5px}
.sa-added-n{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#fff;color:var(--sa-acc);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.sa-added-x{opacity:1;margin:0}

/* footer */
.sa-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;height:44px;padding:0 16px 0 18px;border-top:1px solid var(--sa-line);background:#fff;font-size:12px;color:var(--sa-ink3)}
.sa-keys{display:flex;align-items:center;gap:16px;min-width:0}
.sa-k{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;line-height:20px}
.sa-k kbd:last-of-type{margin-right:3px}
.sa-k-add{display:none}
.sa-k[hidden]{display:none}
.sa.is-prod .sa-k-add{display:inline-flex}
.sa-svc{display:inline-flex;align-items:center;gap:7px;color:var(--sa-ink2);text-decoration:none;white-space:nowrap}
.sa-svc:hover{color:var(--sa-ink)}
/* the service status once: hidden here while a contact or help card shows it */
.sa.has-help .sa-svc{visibility:hidden}

/* page flash after jumping to an answer */
details.sa-flash,section.sa-flash,ol.sa-flash{animation:saFlash 2.2s ease}
@keyframes saFlash{0%,40%{box-shadow:0 0 0 3px rgba(192,85,48,.28);border-radius:10px}100%{box-shadow:0 0 0 3px rgba(192,85,48,0)}}
section.sa-flash{animation-name:saFlashBg}
@keyframes saFlashBg{0%,35%{background-color:rgba(192,85,48,.06)}100%{background-color:transparent}}

/* tablet: one pane */
@media (max-width:899px){
  dialog.search-dialog.sa{width:min(700px,calc(100vw - 32px));margin-top:max(32px,5vh);height:min(760px,calc(100vh - 64px));height:min(760px,calc(100dvh - 64px))}
  dialog.search-dialog.sa.is-fit{min-height:min(440px,calc(100vh - 64px));max-height:min(760px,calc(100vh - 64px));max-height:min(760px,calc(100dvh - 64px))}
  .sa-body{grid-template-columns:minmax(0,1fr)}
  .sa-preview{display:none}
  .sa-thumb{width:64px;height:64px}
  .sa-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* phone, also held sideways (low screen, touch): full-screen sheet */
@media (max-width:699px),(pointer:coarse) and (max-height:500px){
  dialog.search-dialog.sa,dialog.search-dialog.sa.is-fit{width:100%;height:100%;height:100dvh;min-height:0;max-height:none;margin:0;border-radius:0;box-shadow:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}
  .sa-body{grid-template-columns:minmax(0,1fr)}
  .sa-preview{display:none}
  dialog.search-dialog.sa[open]{animation:saUp .26s var(--sa-ease)}
  @keyframes saUp{from{opacity:0;transform:translateY(14px)}}
  .sa-head{height:60px;gap:4px;padding:0 8px 0 4px}
  .sa-back{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:none;color:var(--sa-ink);cursor:pointer}
  .sa-back svg{width:22px;height:22px}
  .sa-glass,.sa .sa-esc{display:none}
  .sa-input{height:44px;padding:0 12px;border-radius:12px;background:var(--sa-beige);box-shadow:inset 0 0 0 1px var(--sa-line);font-size:16px}
  .sa .sa-input:focus{box-shadow:inset 0 0 0 1.5px var(--sa-acc);background:#fff}
  .sa-head::after{display:none}
  .sa-clear{position:absolute;right:8px;width:36px;height:36px;background:transparent}
  .sa-clear svg{width:16px;height:16px}
  .sa-head:has(.sa-clear:not([hidden])) .sa-input{padding-right:44px}
  .sa-scroll{padding:2px 8px calc(24px + env(safe-area-inset-bottom,0px))}
  .sa-foot{display:none}
  .sa-gh{padding:14px 10px 6px}
  .sa-opt{min-height:56px}
  .sa-prod .sa-opt{display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:start;padding:10px 4px 10px 8px}
  .sa-prod .sa-thumb{grid-row:1/3;width:68px;height:68px}
  .sa-prod .sa-t{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .sa-prod .sa-price{grid-column:2;display:flex;align-items:baseline;gap:7px;margin:5px 0 0}
  .sa-prod .sa-price b{font-size:15px}
  .sa-prod .sa-price{flex-wrap:wrap;row-gap:1px}
  .sa-prod .sa-code{flex-basis:100%;font-size:12px}
  .sa-m{flex-wrap:wrap;row-gap:4px}
  .sa .sa-m .dlv .dl-l{display:none}
  .sa .sa-m .dlv .dl-s{display:inline}
  .sa-add{width:44px;height:44px;margin:0 4px 0 0}
  .sa-add.is-done{border-color:#166534;background:#166534;color:#fff}
  .sa-ret{display:none}
  .sa-x{opacity:1}
  .sa-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-home.is-narrow .sa-helps{grid-template-columns:1fr}
  .sa-g-scroll .sa-tile,.sa-home.is-narrow .sa-tile{width:136px}
  .sa-none-top{padding:12px 8px 4px}
  .sa-contact{margin:10px 2px 4px}
  .sa-contact-b{width:100%}
  .sa-contact-b .btn{flex:1 1 auto;min-height:46px}
  .sa-added{min-height:64px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px)) 12px;box-shadow:0 -8px 20px -12px rgba(20,18,17,.2)}
  .sa-added-go{min-height:44px}
  .sa-hide-s{display:none}
  .sa-added-x{width:44px;height:44px}
  .sa-featrow .sa-opt{padding:14px 14px}
  .sa-fix{min-height:44px;padding:6px 10px}
}
/* a mouse wheel cannot scroll a row sideways: below 900px with a mouse the categories and finishes wrap instead */
@media (max-width:899px) and (hover:hover) and (pointer:fine){
  .sa-g-scroll .sa-tiles,.sa-home.is-narrow .sa-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:2px 10px 6px;overflow:visible;scroll-snap-type:none}
  .sa-g-scroll .sa-tile,.sa-home.is-narrow .sa-tile{width:auto}
  .sa-g-scroll .sa-tile-im,.sa-home.is-narrow .sa-tile-im{aspect-ratio:16/10}
  .sa-home.is-narrow .sa-fins{flex-wrap:wrap;margin:0;padding:2px 10px 6px;overflow:visible;scroll-snap-type:none}
}
@media (max-width:559px) and (hover:hover) and (pointer:fine){
  .sa-g-scroll .sa-tiles,.sa-home.is-narrow .sa-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (hover:none),(pointer:coarse){
  .sa-foot .sa-keys{display:none}
  .sa-foot{justify-content:flex-end}
  .sa.has-help .sa-foot{display:none}
  .sa-x{opacity:1}
  /* no Escape key on a touch screen: a real close button, 44px high */
  .sa-esc{height:44px;margin-right:-4px;padding:0 12px;border-radius:999px;font:500 14px/1 Inter,system-ui,sans-serif;color:var(--sa-ink)}
  .sa-esc kbd{display:none}
  .sa-esc .sa-esc-t{display:inline}
  .sa-esc:active{background:var(--sa-line2)}
  /* a 44px target that still looks like the small round button */
  .sa-head .sa-clear{width:44px;height:44px;background:radial-gradient(circle,var(--sa-line2) 0 14px,transparent 14.5px)}
  .sa-none-top button{display:inline-flex;align-items:center;min-height:44px;margin:-14px 0;padding:0 4px}
  .sa-fix{min-height:44px}
  /* every control a finger can reach is 44px */
  .sa-add,.sa-x,.sa-added-x,.sa-home.is-narrow .sa-sug--rec .sa-x{width:44px;height:44px}
  .sa-mini .sa-add{top:48px;width:44px;height:44px}
  .sa-link{min-height:44px;padding:0 10px}
  .sa-svc,.sa-help-a{min-height:44px}
  .sa-sug .sa-opt,.sa-fin .sa-opt,.sa-g-try .sa-sug .sa-opt,.sa-home.is-narrow .sa-sug .sa-opt{min-height:44px}
  .sa-contact-b .btn,.sa-added-go{min-height:44px}
  .sa-pv-fin{flex-wrap:wrap;row-gap:0;padding-block:2px}
  .sa-pv-fin .fdots{gap:0}
  .sa-pv-fin .fdots a{display:grid;place-items:center;width:44px;height:44px;padding:0;box-shadow:none}
  .sa-pv-fin .fdots a:hover{box-shadow:none}
  .sa-pv-fin .fdots a.is-current{box-shadow:none}
  .sa-pv-fin .fdots a.is-current .fdot{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--sa-ink)}
}
@media (max-width:699px),(pointer:coarse) and (max-height:500px){
  .sa-head .sa-clear{background:transparent}
}
@media (prefers-reduced-motion:reduce){
  dialog.search-dialog.sa[open],dialog.search-dialog.sa::backdrop,.sa-pv,.sa-added.is-in{animation:none}
  .sa-tile-im img,.sa-head::after{transition:none}
}

/* ================= #/zoeken results page ================= */
.sz-head{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-block:clamp(24px,4vw,56px) clamp(18px,2.4vw,28px)}
.sz-head .h1{margin:0}
.sz-meta{margin:0;font-size:14px;color:var(--ink-2,#6B6459)}
.sz-form{display:flex;gap:8px;min-width:0;max-width:560px}
.sz-form .btn{flex:none}
.sz-cats{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sz-cats .chip{gap:8px}
.sz-cats .fdot{--d:16px}
.sz-form input{flex:1;width:100%;min-width:0;height:50px;padding:0 1rem;border-radius:999px;border:1px solid var(--line,#EBE7E0);background:#fff;font-size:16px}
.sz-form input:focus{outline:none;border-color:var(--ink,#141211);box-shadow:0 0 0 3px rgba(20,18,17,.08)}
.sz-note,.sz-fix{display:flex;align-items:flex-start;gap:8px;max-width:640px;margin:0;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}
.sz-note{background:#FFFBEB;box-shadow:inset 0 0 0 1px #FDE68A;color:#92400E}
.sz-fix{padding-inline:0;color:var(--ink-2,#6B6459)}
.sz-fix a{font-weight:600;color:var(--accent,#C05530);text-underline-offset:3px}
.sz-note svg,.sz-fix svg{width:18px;height:18px;flex:none;margin-top:1px}
.sz-sec{margin-top:clamp(20px,3vw,36px)}
.sz-sec:first-child{margin-top:0}
.sz-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3,#8A847A)}
.sz-h .n{letter-spacing:0;font-variant-numeric:tabular-nums}
.sz-answers{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.sz-answers.is-solo{grid-template-columns:minmax(0,1fr)}
.sz-feat{display:grid;gap:12px;padding:clamp(18px,2.4vw,28px);border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line,#EBE7E0)}
.sz-feat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.sz-feat-eye{display:block;margin-bottom:4px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#C05530)}
.sz-feat h2{margin:0;font-size:clamp(19px,1.7vw,22px);font-weight:600;line-height:1.3;letter-spacing:-.018em}
.sz-feat-im{flex:none;width:88px;height:88px;overflow:hidden;border-radius:10px;border:1px solid var(--line,#EBE7E0);background:#fff}
.sz-feat-im img{width:100%;height:100%;object-fit:cover}
.sz-feat-im.is-white img{padding:6px;object-fit:contain}
.sz-feat .sa-feat-bd{margin:0;gap:12px}
.sz-feat .sa-feat-x{font-size:15px;line-height:1.65}
.sz-feat mark{padding:0;background:linear-gradient(transparent 60%,rgba(192,85,48,.24) 60%);color:inherit}
.sz-feat .btn{justify-self:start;gap:8px}
.sz-side{display:grid;gap:10px}
.sz-more{display:grid;gap:2px;padding:6px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line,#EBE7E0)}
.sz-more a,.sz-more button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px;border:0;border-radius:10px;background:none;font:inherit;text-align:left;color:inherit;text-decoration:none;cursor:pointer}
.sz-more a:hover,.sz-more button:hover{background:#FAF8F4}
.sz-more .sa-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#FAF8F4;box-shadow:inset 0 0 0 1px #F2EEE7;color:var(--ink-2,#6B6459)}
.sz-more .sa-ic svg{width:17px;height:17px}
.sz-more b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.sz-more span span{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--ink-2,#6B6459)}
.sz-contact{display:grid;gap:10px;padding:16px 18px;border-radius:16px;background:#FAF8F4;box-shadow:inset 0 0 0 1px var(--line,#EBE7E0)}
.sz-contact b{font-size:15px}
.sz-contact .row{display:flex;flex-wrap:wrap;gap:8px}
.sz-contact .btn{background:#fff;gap:7px}
.sz-contact .btn svg{width:16px;height:16px}
.sz-live{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2,#6B6459)}
.sz-live .sa-live{width:8px;height:8px;border-radius:50%;background:#C9C2B7}
.sz-live .sa-live.is-open{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.sz-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sz-none{display:grid;justify-items:center;gap:16px;max-width:620px;margin:0 auto;padding:clamp(24px,5vw,56px) 0;text-align:center}
.sz-none h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.015em}
.sz-none p{margin:0;color:var(--ink-2,#6B6459)}
.sz-none .sz-contact{justify-items:center;width:100%}
@media (max-width:899px){
  .sz-answers{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:699px){
  .sz-feat-im{width:64px;height:64px}
  .sz-contact .btn{flex:1 1 auto;min-height:46px}
}
/* Shared chrome for landing pages (html.is-lp is set while a landing page is mounted): fewer exits, cart and phone stay */
html.is-lp #site-header .nav,html.is-lp .btn--hdr{display:none}
/* Landing page kokendwaterkraan (classes prefixed lpt-) */
.lpt [hidden],.lpt-sheet [hidden]{display:none!important}
.lpt{overflow-x:clip}
/* this page shows its own code lines (hero, chooser, final cta), so the global promo bar stays hidden here */
html.is-lpt #promo{display:none}

/* ---------- rhythm and type ---------- */
.lpt-sec,.lpt .expl{padding-block:clamp(56px,7vw,104px)}
.lpt .label{display:block;font-size:12px;letter-spacing:.16em}
.lpt-h2,.lpt .expl h2,.lpt .faq2 h2{margin-top:12px;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.lpt-tx,.lpt .expl p.tx{margin-top:16px;max-width:56ch;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--ink-2)}
.lpt-head{max-width:760px}
.lpt .expl .chk li{font-size:16px}
.lpt .code-chip,.lpt-sheet .code-chip{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:1px 8px;border:1px dashed var(--accent);border-radius:6px;background:#fff;color:var(--accent-2);font:600 12.5px/1.5 var(--font);letter-spacing:.1em;vertical-align:1px;cursor:pointer;transition:background-color .2s}
.lpt .code-chip:hover,.lpt-sheet .code-chip:hover{background:var(--accent-soft)}
.lpt .stars-fill .on .stars{color:var(--accent)}

/* rails: a horizontal scroll-snap row on phones, the next card peeks in */
@media (max-width:1023px){
  .lpt .lpt-rail{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut);scrollbar-width:none}
  .lpt-rail::-webkit-scrollbar{display:none}
  .lpt-rail>*{scroll-snap-align:start}
  .lpt .lpt-rail.lpt-steps{grid-auto-columns:72%}
  .lpt .lpt-rail--80{grid-auto-columns:80%}
}
@media (min-width:768px) and (max-width:1023px){
  .lpt .lpt-rail{grid-auto-columns:44%}
  .lpt .lpt-rail.lpt-steps{grid-auto-columns:36%}
  .lpt .lpt-rail--80{grid-auto-columns:46%}
}

/* ---------- quotes ---------- */
.lpt-quote{margin:0}
.lpt-quote blockquote{margin:0;color:var(--ink)}
.lpt-quote figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:13px;color:var(--ink-2)}
.lpt-quote .who{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.lpt-quote .who b{font-weight:600;color:var(--ink)}
.lpt-quote .ver{display:inline-flex;align-items:center;gap:4px}
.lpt-quote .ver svg{width:14px;height:14px;color:var(--ok)}
.lpt-quote--lg{margin-top:36px;padding-top:32px;border-top:1px solid var(--line)}
.lpt-quote--lg blockquote{font-size:clamp(22px,2.1vw,28px);font-weight:500;line-height:1.35;letter-spacing:-.015em;text-wrap:pretty}
.lpt-quotes-sm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.lpt-quote--sm{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}
.lpt-quote--sm blockquote{font-size:15px;line-height:1.5}
.lpt-quote--sm figcaption{margin-top:10px}
.lpt-quote--center{max-width:640px;margin:40px auto 0;text-align:center}
.lpt-quote--center blockquote{font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.4;letter-spacing:-.01em}
.lpt-quote--center figcaption{justify-content:center}
.lpt-quote--inline{margin-top:28px;padding-left:18px;border-left:2px solid var(--accent)}
.lpt-quote--inline blockquote{font-size:17px;font-weight:500;line-height:1.45}
.lpt-quote--card{padding:24px 26px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}
.lpt-quote--card blockquote{font-size:17px;font-weight:500;line-height:1.5;text-wrap:pretty}

/* ---------- 1. hero ---------- */
.lpt-hero{padding-block:44px;background:var(--ground)}
.lpt-hero-in{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:64px;align-items:center}
.lpt-eyebrow{font-size:13px!important;letter-spacing:.12em!important}
.lpt-hero h1{margin-top:14px;font-size:clamp(28px,7.6vw,52px);font-weight:600;line-height:1.04;letter-spacing:-.03em;color:var(--ink)}
.lpt-hero-sub{margin-top:18px;max-width:46ch;font-size:18px;line-height:1.55;color:var(--ink-2)}
.lpt-rating{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:4px 0;border:0;background:none;font:500 14px/1.2 var(--font);color:var(--ink);cursor:pointer}
.lpt-rating>span:last-child{text-decoration:underline;text-decoration-color:rgba(20,18,17,.25);text-underline-offset:4px;transition:text-decoration-color .2s}
.lpt-rating:hover>span:last-child{text-decoration-color:var(--ink)}
.lpt-hero-price{display:grid;gap:6px;margin-top:22px;font-size:17px;line-height:1.3;color:var(--ink-2)}
.lpt-hero-price p{margin:0}
.lpt-hero-price b{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.lpt-hero-price .pcode-note{font-size:13px}
.lpt-hero-cta{margin-top:26px;min-height:56px;padding-inline:30px;font-size:16px}
.lpt-hero-cta svg{width:18px;height:18px}
.lpt-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.3;color:var(--ink-2)}
.lpt-facts li{display:inline-flex;align-items:center;gap:6px}
.lpt-facts svg{width:16px;height:16px;flex:none;color:var(--ok);stroke-width:2.2}
.lpt-hero-media{position:relative;height:512px;overflow:hidden;border-radius:var(--r-l);background:#d9d6d0 url(//howat.nl/wp-content/themes/howat-2026/media/hero-jar-poster.jpg) 60% 50%/cover no-repeat}
.lpt-hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.lpt-hero-tag{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--ink);box-shadow:0 6px 20px -8px rgba(20,18,17,.35)}
@media (max-width:1023px){
  .lpt-hero{padding-block:0 22px}
  .lpt-hero-in{grid-template-columns:minmax(0,1fr);gap:0}
  .lpt-hero-media{order:-1;height:clamp(200px,42vw,420px);margin-inline:calc(var(--gut) * -1);border-radius:0;background-position:50% 55%}
  .lpt-hero-media video{object-position:50% 55%}
  .lpt-hero-tag{display:none}
  .lpt-hero-copy{padding-top:18px}
  .lpt-eyebrow{font-size:12px!important}
  .lpt-hero h1{margin-top:8px;line-height:1.08}
  .lpt-hero-sub{margin-top:10px;font-size:15px;line-height:1.5}
  .lpt-rating{margin-top:10px;font-size:13px}
  .lpt-hero-price{margin-top:10px;gap:2px;font-size:15px}
  .lpt-hero-price b{font-size:19px}
  .lpt-hero-cta{width:100%;min-height:52px;margin-top:14px}
  .lpt-facts{gap:6px 14px;margin-top:14px;font-size:13px}
  .lpt-hero-price .pcode-note{font-size:12.5px}
}
/* short phone screens and in-app browsers: a lower video keeps the button high on the first screen */
@media (max-width:1023px) and (max-height:760px){
  .lpt-hero-media{height:160px}
}

/* ---------- 2. trust band ---------- */
.lpt-trust .known-in{padding-bottom:12px}
.lpt-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;margin:0;padding:0 0 20px;list-style:none;font-size:13px;line-height:1.4;color:var(--ink-2)}
.lpt-scores li{display:inline-flex;align-items:center;gap:6px}
.lpt-scores svg{width:13px;height:13px;flex:none;color:var(--accent)}
@media (max-width:760px){
  .lpt-trust .known-in{padding-bottom:10px}
  .lpt-scores{flex-direction:column;align-items:center;gap:2px;padding-bottom:16px}
}

/* ---------- split layouts ---------- */
.lpt-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5.5vw,88px);align-items:center}
@media (max-width:1023px){.lpt-split{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ---------- 3. moment ---------- */
.lpt-moment-media{aspect-ratio:1;overflow:hidden;border-radius:var(--r-l);background:#e6e0d6}
.lpt-moment-media img{width:100%;height:100%;object-fit:cover}
@media (max-width:1023px){
  .lpt-moment-media{aspect-ratio:4/3}
  .lpt-moment-media img{object-position:50% 60%}
  .lpt-quote--lg{margin-top:28px;padding-top:24px}
  .lpt-quote--lg blockquote{font-size:22px}
}
@media (max-width:560px){.lpt-quotes-sm{grid-template-columns:minmax(0,1fr)}}

/* ---------- 4. three temperatures ---------- */
.lpt-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(28px,3.5vw,48px)}
.lpt-tile{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#1b1916;isolation:isolate}
.lpt-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lpt-tile figcaption{position:absolute;inset:auto 0 0;z-index:1;display:grid;gap:4px;padding:96px 22px 22px;background:linear-gradient(to top,rgba(12,11,10,.86),rgba(12,11,10,.5) 50%,rgba(12,11,10,0));color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.lpt-tile b{font-size:clamp(19px,1.6vw,22px);font-weight:600;letter-spacing:-.01em}
.lpt-tile span{font-size:14px;line-height:1.45;color:rgba(255,255,255,.86)}
.lpt-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,3.5vw,48px);border-block:1px solid var(--line)}
.lpt-nums>div{display:grid;gap:4px;padding:26px 24px}
.lpt-nums>div+div{border-left:1px solid var(--line)}
.lpt-nums b{font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.lpt-nums span{font-size:14px;color:var(--ink-2)}
@media (max-width:1023px){
  .lpt-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lpt-nums>div{padding:20px 16px}
  .lpt-nums>div:nth-child(odd){padding-left:0;border-left:0}
  .lpt-nums>div:nth-child(n+3){border-top:1px solid var(--line)}
  .lpt-quote--center{margin-top:32px}
}

/* ---------- 5. kinderslot ---------- */
.lpt-slot .expl-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
@media (max-width:1023px){.lpt-slot .expl-grid{grid-template-columns:minmax(0,1fr);gap:32px}}

/* ---------- 6a. no drain ---------- */
.lpt-installatie .expl .more{display:none}

/* ---------- 6b. five steps ---------- */
.lpt-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:clamp(28px,3.5vw,48px) 0 0;padding:0;list-style:none}
.lpt-step{position:relative;display:block}
.lpt-step-media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#e4e0d8}
.lpt-step-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lpt-step .n{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 14px;border:3px solid var(--ground-2);border-radius:50%;background:var(--ink);color:#fff;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.lpt-step h3{margin-top:10px;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.lpt-step p{margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.lpt-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,56px)}
.lpt-compact figure{margin:0}
.lpt-compact .ph{display:block;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:12px;background:#e4e0d8}
.lpt-compact button.ph{cursor:zoom-in}
.lpt-compact .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.lpt-compact button.ph img{object-position:50% 22%}
.lpt-compact button.ph:hover img{transform:scale(1.03)}
.lpt-compact .ph--white{background:#fff}
.lpt-compact .ph--white img{object-fit:contain;padding:4%}
.lpt-compact figcaption{margin-top:10px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.lpt-stappen-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 48px;margin-top:clamp(28px,3.5vw,48px)}
.lpt-stappen-foot .lpt-quote--card{max-width:760px}
.lpt-links{display:grid;justify-items:start;gap:12px}
.lpt-more{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.lpt-more svg{width:17px;height:17px}
.lpt-more svg:last-child{transition:transform .25s var(--ease)}
.lpt-more:hover svg:last-child{transform:translateX(3px)}
@media (max-width:1023px){
  .lpt-steps .n{margin-left:12px}
  .lpt-stappen-foot{grid-template-columns:minmax(0,1fr);gap:18px}
}

/* ---------- 7. reviews ---------- */
.lpt-rev-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:end;gap:28px 72px;margin-bottom:clamp(28px,3.5vw,48px)}
.lpt-rev-score{display:grid;gap:4px;margin-top:14px}
.lpt-rev-score .lpt-tx{margin-top:4px;font-size:15px}
.lpt-dist{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.lpt-dist li{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;align-items:center;gap:12px;font-size:14px}
.lpt-dist .k{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:var(--ink)}
.lpt-dist .k svg{width:12px;height:12px;color:var(--accent)}
.lpt-dist .lpt-bar{height:8px;overflow:hidden;border-radius:99px;background:#EFEAE2}
.lpt-dist .lpt-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.lpt-dist .c{text-align:right;color:var(--ink-2)}
.lpt-wall .review{border:1px solid var(--line);background:var(--ground-2)}
.lpt-wall .lpt-rev-p{color:var(--ink-2)}
.lpt-reviews .more-m{margin-top:8px}
@media (max-width:1023px){.lpt-rev-head{grid-template-columns:minmax(0,1fr);gap:24px}}

/* ---------- 8. chooser ---------- */
.lpt-kies-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:56px;margin-top:clamp(28px,3.5vw,44px)}
.lpt-stage-col{position:sticky;top:calc(var(--hh) + 60px)}
.lpt-stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--r-l);background:#e8e2d8}
.lpt-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .25s ease}
.lpt-stage img.is-pack{object-fit:contain;padding:6%;background:var(--ground)}
.lpt-stage img.is-entering{opacity:0}
.lpt-panel{display:grid;gap:18px;padding:32px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}
.lpt-ctrl-k{display:flex;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--ink)}
.lpt-ctrl-k span{font-weight:400;color:var(--ink-2)}
.lpt-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lpt-seg button{display:grid;justify-items:center;gap:3px;min-height:60px;padding:10px 6px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}
.lpt-seg button b{font-size:15px;font-weight:600;line-height:1.2}
.lpt-seg button span{font-size:12.5px;line-height:1.2;color:var(--ink-2);font-variant-numeric:tabular-nums}
.lpt-seg button:hover{border-color:#cfc8bd}
.lpt-seg button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.lpt-dots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lpt-dots button{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 14px/1 var(--font);color:var(--ink-2);cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s}
.lpt-dots button:hover{border-color:#cfc8bd}
.lpt-dots button[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font-weight:600}
.lpt-seg button:focus-visible,.lpt-dots button:focus-visible,.lpt-rating:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lpt-p-head{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--line)}
.lpt-p-name{font-size:clamp(18px,1.5vw,20px);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.lpt-new{display:inline-flex;align-items:center;min-height:22px;margin-left:4px;padding:0 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:12px;font-weight:600;letter-spacing:0;vertical-align:3px;white-space:nowrap}
.lpt-p-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.lpt-setline{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.lpt-p-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.lpt-p-price b{font-size:clamp(28px,2.4vw,32px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.lpt-p-price s{font-size:16px;color:var(--ink-3)}
.lpt-p-offer:empty,.lpt-p-dlv:empty{display:none}
.lpt-panel .pcode{background:var(--ground-2)}
.lpt-p-deadline:empty{display:none}
.lpt-deadline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.lpt-deadline .klok .n{color:var(--ink)}
.lpt-deadline .klok .l{color:var(--ink-2)}
.lpt-deadline .klok .c{color:var(--accent)}
.lpt-p-dlv .delivery{padding:12px 16px;gap:4px;border-radius:12px;background:var(--ground-2);font-size:14px}
.lpt-p-dlv .delivery--late{background:var(--warn-soft)}
.lpt-p-buy{display:grid;gap:12px;justify-items:center}
.lpt-add{width:100%;min-height:56px;font-size:16px}
.lpt-add svg{width:19px;height:19px}
.lpt-add.is-done{background:var(--ok)}
.lpt-add:disabled{background:#b9b2a7;cursor:not-allowed}
.lpt-specs{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:underline;text-decoration-color:rgba(20,18,17,.2);text-underline-offset:4px}
.lpt-specs:hover{color:var(--ink)}
.lpt-specs svg{width:14px;height:14px}
.lpt-panel .lpt-risk{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding-top:20px;border-top:1px solid var(--line)}
.lpt-panel .lpt-risk li{flex-direction:row;gap:12px}
/* phones: a lower image, then spout, finish, name, price, code price and the button; the rest follows the button */
@media (max-width:1023px){
  .lpt-kies-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .lpt-stage-col{position:static}
  .lpt-stage{aspect-ratio:16/9}
  .lpt-panel{padding:0;border:0;background:none;gap:12px}
  .lpt-p-head{gap:4px;padding-top:12px}
  .lpt-seg button{min-height:56px}
  /* code and code price on one row */
  .lpt-panel .lpt-offer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:10px 14px}
  .lpt-panel .lpt-offer .pcode-row{grid-column:1}
  .lpt-panel .lpt-offer .pcode-price{grid-column:2;grid-row:1}
  .lpt-panel .lpt-offer .pcode-note{grid-column:1 / -1}
  .lpt-dots button{min-height:44px}
  .lpt-panel .pcode{background:#fff}
  .lpt-p-dlv .delivery{background:#fff}
  .lpt-p-dlv .delivery--late{background:var(--warn-soft)}
}

/* ---------- risk row ---------- */
.lpt-risk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.lpt-risk li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35}
.lpt-risk .ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--ground-2);color:var(--accent)}
.lpt-risk .ic svg{width:18px;height:18px}
.lpt-risk b{display:block;font-weight:600;color:var(--ink)}
.lpt-risk .s{display:block;color:var(--ink-2)}
.lpt-risk a{color:inherit;text-decoration:underline;text-decoration-color:rgba(20,18,17,.25);text-underline-offset:3px;white-space:nowrap}
@media (max-width:1023px){
  .lpt-risk{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .lpt-risk li{flex-direction:row;gap:10px}
  .lpt-panel .lpt-risk .ic{background:#fff}
}
.lpt-risk--dark{max-width:880px;margin:40px auto 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}
.lpt-risk--dark li{align-items:center;text-align:center}
.lpt-risk--dark .ic{background:rgba(255,255,255,.08);color:#E58A63}
.lpt-risk--dark b{color:#fff}
.lpt-risk--dark .s,.lpt-risk--dark a{color:rgba(255,255,255,.8)}
@media (max-width:1023px){.lpt-risk--dark li{flex-direction:column;gap:8px}}

/* ---------- 9. in het echt ---------- */
.lpt-echt-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:28px 64px}
.lpt-echt .echt{margin-top:clamp(32px,4vw,48px)}
@media (max-width:1023px){.lpt-echt-top{grid-template-columns:minmax(0,1fr)}}

/* ---------- 10. after purchase ---------- */
.lpt-na .lpt-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.lpt-na-media{aspect-ratio:1;overflow:hidden;border-radius:var(--r-l);background:#fff}
.lpt-na-media img{width:100%;height:100%;object-fit:contain;padding:8%}
.lpt-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-l);background:var(--line)}
.lpt-stats>div{display:grid;align-content:start;gap:4px;padding:20px 22px;background:#fff}
.lpt-stats b{font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.lpt-stats span{font-size:14px;line-height:1.4;color:var(--ink-2)}
.lpt-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.lpt-note svg{width:19px;height:19px;flex:none;margin-top:1px;color:var(--accent)}
@media (max-width:1023px){
  .lpt-na .lpt-split{grid-template-columns:minmax(0,1fr)}
  .lpt-na-media{width:100%;max-width:280px;justify-self:center}
  .lpt-stats>div{padding:16px}
  .lpt-stats b{font-size:18px}
}

/* ---------- 11. faq ---------- */
.lpt-faq .faq2 h2{margin-top:0}
.lpt-faq .faq2 p.m{font-size:15px}
.lpt-faq .faq2 p.m a{white-space:nowrap}
.lpt-live{margin-top:16px;font-size:14px}
.lpt-faq .acc summary{font-size:16px}
.lpt-faq .acc-body p{max-width:64ch;font-size:15px;line-height:1.65}

/* ---------- 12. paid installation ---------- */
.lpt-zoofy{padding-block:0 clamp(40px,5vw,64px)}
.lpt-zoofy-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 24px;padding:20px 24px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}
.lpt-zoofy-in .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ground-2);color:var(--ink)}
.lpt-zoofy-in .ic svg{width:20px;height:20px}
.lpt-zoofy-in b{display:block;font-size:16px;font-weight:600;color:var(--ink)}
.lpt-zoofy-in span{display:block;margin-top:2px;font-size:14px;line-height:1.5;color:var(--ink-2)}
@media (max-width:767px){
  .lpt-zoofy-in{grid-template-columns:minmax(0,1fr);padding:20px}
  .lpt-zoofy-in .ic{display:none}
  .lpt-zoofy-in .btn{width:100%}
}

/* ---------- 13. final cta ---------- */
.lpt-cta{position:relative;overflow:hidden;padding-block:clamp(72px,9vw,128px);background:var(--night);color:#fff;text-align:center;isolation:isolate}
.lpt-cta-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.6}
.lpt-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(20,18,17,.5),rgba(20,18,17,.62) 45%,rgba(20,18,17,.92))}
.lpt-cta-in{display:grid;justify-items:center}
.lpt-cta h2{max-width:18ch;font-size:clamp(32px,4.4vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}
.lpt-cta-sale{max-width:52ch;margin-top:18px;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:rgba(255,255,255,.82)}
.lpt-cta-sale b{color:#fff;font-weight:700}
.lpt-cta .code-chip{border-color:rgba(229,138,99,.7);background:rgba(192,85,48,.18);color:#F0A585}
.lpt-cta .code-chip:hover{background:rgba(192,85,48,.3)}
.lpt-cta-offer{display:grid;justify-items:center}
.lpt-cta-note{margin-top:6px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
.lpt-cta-klok{margin-top:18px}
.lpt-cta :focus-visible{outline-color:#fff}
.lpt-cta .klok .n{color:#fff}
.lpt-cta-btn{margin-top:30px;min-height:56px;padding-inline:32px;font-size:16px}
@media (max-width:767px){
  .lpt-cta-btn{width:100%}
  .lpt-risk--dark{margin-top:32px}
}

/* ---------- sticky bar and sheet chooser ---------- */
.lpt-sticky .container{gap:10px;min-height:68px;padding-inline:16px}
.lpt-sticky .frame{width:44px;height:44px;border:1px solid var(--line)}
.lpt-sticky .frame img{object-fit:cover}
.lpt-sticky .t{display:grid;gap:2px}
.lpt-sticky .t b.lpt-sticky-name{font-size:14px;line-height:1.25}
.lpt-sticky .t .lpt-sticky-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:12.5px;line-height:1.3;color:var(--ink-2)}
.lpt-sticky .t .lpt-sticky-price>b{display:inline;font-size:14px;font-weight:600;color:var(--ink)}
.lpt-sticky .t .save-mini{margin-left:0;color:var(--accent-2);font-weight:600;font-size:12.5px;white-space:normal}
.lpt-sticky .t .save-mini .nw{font-size:inherit;white-space:nowrap}
.lpt-sticky-btn{flex:none;min-height:44px;padding:0 14px;font-size:14px}
@media (max-width:420px){
  .lpt-sticky .t .save-mini{font-size:12px}
  .lpt-sticky-btn{padding:0 12px;font-size:13px}
}
@media (min-width:1024px){.lpt-sticky{display:none}}
.lpt-sheet{display:grid;gap:16px;color:var(--ink)}
.lpt-sheet-top{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:14px}
.lpt-sheet-thumb{display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#e8e2d8}
.lpt-sheet-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.lpt-sheet-thumb img.is-pack{object-fit:contain;padding:6%;background:#fff}
.lpt-sheet-info{display:grid;gap:6px;min-width:0}
.lpt-sheet .lpt-p-name{font-size:16px}
.lpt-sheet .lpt-ctrl-k{display:flex;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--ink)}
.lpt-sheet .lpt-p-price b{font-size:22px}
.lpt-sheet .lpt-dots button{gap:8px;padding:0 10px 0 8px;white-space:nowrap}
/* the button stays at the bottom edge of the sheet while the options scroll */
.lpt-sheet-buy{position:sticky;bottom:-20px;z-index:2;margin:0 -24px -20px;padding:12px 24px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper,#fff)}
.lpt-sheet .delivery{padding:12px 14px;gap:4px;border-radius:12px;background:var(--ground-2);font-size:14px}
.lpt-sheet .delivery--late{background:var(--warn-soft)}
/* narrow phones: the phone number may wrap and the four promises stack, so nothing runs off screen */
@media (max-width:374px){
  .lpt-risk,.lpt-panel .lpt-risk{grid-template-columns:minmax(0,1fr)}
  .lpt-risk a{white-space:normal}
}
/* Landing page krasvrije kookplaat (classes prefixed lpg-) */

/* ---------- rhythm and type ---------- */
.lpg{background:var(--ground)}
.lpg-sec{padding-block:clamp(56px,7vw,104px)}
.lpg-head{max-width:640px;margin-bottom:clamp(24px,3vw,40px)}
.lpg-head--center{max-width:720px;margin-inline:auto;text-align:center}
.lpg .label{display:block;font-size:12px;letter-spacing:.16em;color:var(--accent)}
.lpg-h2{margin-top:12px;font-size:clamp(28px,3.4vw,44px);line-height:1.08;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.lpg-h3{font-size:clamp(19px,1.6vw,22px);line-height:1.2;font-weight:600;letter-spacing:-.015em}
.lpg-tx{margin-top:16px;max-width:56ch;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--ink-2)}
.lpg-tx--ink{color:var(--ink);font-weight:500}
.lpg-head .lpg-tx{margin-top:14px}
.lpg-split-copy .lpg-head{margin-bottom:0}
.lpg-split-copy .lpg-tx--ink{margin-top:14px}
.lpg .chk{margin-top:22px}
.lpg .chk li{font-size:15.5px}

/* keyboard focus stays visible on the dark bands and on the video poster */
.lpg-night :focus-visible,.lpg-cta :focus-visible,.lpg-player .play:focus-visible{outline-color:#fff}

/* light code chip (the global one is the green applied-code chip) */
.lpg .code-chip{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:1px 8px;border:1px dashed var(--accent);border-radius:6px;background:#fff;color:var(--accent-2);font:600 12px/1.5 var(--font);letter-spacing:.1em;cursor:pointer;vertical-align:1px;transition:background-color .2s}
.lpg .code-chip:hover{background:var(--accent-soft)}

/* ---------- quotes and customer photos ---------- */
.lpg-quote{margin:28px 0 0;padding:0 0 0 18px;border-left:2px solid var(--accent)}
.lpg-quote blockquote{margin:0}
.lpg-quote p{font-size:clamp(16.5px,1.35vw,19px);line-height:1.5;letter-spacing:-.01em;color:var(--ink);font-weight:500;text-wrap:pretty}
.lpg-quote figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:13px;color:var(--ink-2)}
.lpg-quote figcaption b{font-weight:600;color:var(--ink)}
.lpg-quote--dark{border-left-color:#E58A63}
.lpg-quote--dark p{color:#fff}
.lpg-quote--dark figcaption{color:rgba(255,255,255,.62)}
.lpg-quote--dark figcaption b{color:#fff}
.lpg-quote--dark .stars-fill .stars{color:rgba(255,255,255,.25)}
.lpg-quote--dark .stars-fill .on .stars{color:#E58A63}

.lpg-photo{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--r-l);overflow:hidden;background:#e9e5de;cursor:zoom-in}
.lpg-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.lpg-photo:hover img{transform:scale(1.03)}
.lpg-photo--43{aspect-ratio:4/3}
.lpg-photo-cap{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 28px);padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.94);color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.3;text-align:left;box-shadow:0 2px 10px rgba(20,18,17,.14)}
.lpg-photo-cap svg{width:14px;height:14px;flex:none;color:var(--accent)}

/* ---------- split sections: copy and quote beside the media, stacked in their own order on phones ---------- */
.lpg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5.5vw,88px);row-gap:0;align-items:center}
.lpg-split-copy{grid-area:copy;align-self:end}
.lpg-split-media{grid-area:media;align-self:center}
.lpg-split-quote{grid-area:quote;align-self:start}
.lpg-split-quote:empty{display:none}
.lpg-split--r{grid-template-areas:"copy media" "quote media"}
.lpg-split--l{grid-template-areas:"media copy" "media quote"}
/* media with the quote under it, copy beside both */
.lpg-split--lq{grid-template-areas:"media copy" "quote copy"}
.lpg-split--lq .lpg-split-copy{align-self:center}
.lpg-split--lq .lpg-split-media{align-self:end}
.lpg-split--lq .lpg-split-quote .lpg-quote{margin-top:24px}

/* ---------- 1. hero ---------- */
.lpg-hero{padding-block:44px;background:var(--ground)}
.lpg-hero-in{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:64px;align-items:center}
.lpg-hero .label{font-size:13px}
.lpg-h1{margin-top:14px;font-size:clamp(28px,7.6vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.lpg-hero-sub{margin-top:16px;max-width:46ch;font-size:18px;line-height:1.55;color:var(--ink-2)}
.lpg-rate{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:0;border:0;background:none;font-size:14px;color:var(--ink-2);text-align:left;cursor:pointer}
.lpg-rate b{font-weight:600;color:var(--ink)}
.lpg-rate:hover span{text-decoration:underline;text-underline-offset:3px}
.lpg-hero-prices{margin-top:20px;display:grid;gap:4px}
.lpg-hero-price{font-size:17px;color:var(--ink-2)}
.lpg-hero-price b{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.lpg-hero-sale{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;color:var(--ink-2)}
.lpg-hero-sale b{font-size:17px;font-weight:700;color:var(--accent-2)}
.lpg-hero-cta{margin-top:24px}
.lpg-hero-btn{min-height:56px;padding-inline:28px}
.lpg-hero-btn svg{width:18px;height:18px}
.lpg-facts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--ink)}
.lpg-facts li{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.lpg-facts svg{width:16px;height:16px;flex:none;color:var(--accent);stroke-width:2.2}
.lpg-hero-media{position:relative;height:512px}
.lpg-hero-photo{position:absolute;inset:0;overflow:hidden;border-radius:var(--r-l);background:#1b1a19}
.lpg-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:60% 60%;animation:lpgZoom 14s ease-in-out infinite alternate}
@keyframes lpgZoom{from{transform:scale(1)}to{transform:scale(1.05)}}
.lpg-inset{position:absolute;left:-32px;bottom:32px;z-index:2;width:208px;padding:4px;border-radius:12px;background:#fff;box-shadow:0 24px 48px -18px rgba(20,18,17,.45),0 2px 6px rgba(20,18,17,.08)}
.lpg-inset-v{overflow:hidden;aspect-ratio:1;border-radius:9px;background:#2a2927}
.lpg-inset-v video{width:100%;height:100%;object-fit:cover}
.lpg-inset-chip{display:flex;align-items:center;gap:6px;padding:9px 8px 6px;font-size:13px;font-weight:600;color:var(--ink)}
.lpg-inset-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- 2. trust band ---------- */
.lpg-trust{border-top:1px solid var(--line)}
.lpg-trust .known-in{padding:22px 0 10px}
.lpg-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;padding:0 0 20px;font-size:13px;color:var(--ink-2)}
.lpg-scores span{display:inline-flex;align-items:center;gap:6px}
.lpg-scores svg{width:15px;height:15px;color:var(--ok)}

/* ---------- 3. mat glas ---------- */
.lpg-mat .lpg-photo img{object-position:50% 45%}
.lpg-mat-sale{margin-top:14px;max-width:56ch;font-size:15px;line-height:1.7;color:var(--ink-2)}
.lpg-mat-sale b{font-weight:700;color:var(--accent-2)}
.lpg-mat-sale .nw{white-space:nowrap}

/* ---------- 4. glass test ---------- */
.lpg-glas-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);grid-template-areas:"copy media" "quote media";column-gap:clamp(32px,5vw,72px);row-gap:0;align-items:center}
.lpg-glas-copy{grid-area:copy;align-self:end}
.lpg-glas-media{grid-area:media}
.lpg-glas-quote{grid-area:quote;align-self:start}
.lpg-glas-copy .lpg-head{margin-bottom:0}
.lpg-player{max-width:880px;box-shadow:0 30px 60px -30px rgba(20,18,17,.45)}
.lpg-result{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:center;gap:28px;max-width:880px;margin-top:16px;padding:12px 28px 12px 12px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff}
.lpg-photo--result{aspect-ratio:1;border-radius:10px}
.lpg-photo--result img{object-position:50% 74%}
.lpg-photo--result .lpg-photo-cap{left:8px;bottom:8px;padding:4px 7px;font-size:11px}
.lpg-result .lpg-quote{margin:0}

/* ---------- 5a. extraction band ---------- */
.lpg-night{background:var(--night);color:#fff}
.lpg-night .label{color:#E58A63}
.lpg-night .lpg-h2{color:#fff}
.lpg-night .lpg-tx{color:rgba(255,255,255,.7)}
.lpg-night-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.lpg-night-v{overflow:hidden;aspect-ratio:16/9;border-radius:var(--r-l);background:#2a2927}
.lpg-night-v video{width:100%;height:100%;object-fit:cover}
.lpg-night-copy .lpg-head{margin-bottom:0}
.lpg-stats{display:grid;gap:0;margin:28px 0 0}
.lpg-stats div{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.lpg-stats dt{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.lpg-stats dd{margin:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.62)}
.lpg-night-proof{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:32px;margin-top:clamp(32px,4vw,48px);padding-top:clamp(28px,3.4vw,40px);border-top:1px solid rgba(255,255,255,.12)}
.lpg-night-proof .lpg-photo{aspect-ratio:5/3;border-radius:10px}
.lpg-night-proof .lpg-photo-cap{left:8px;bottom:8px;padding:4px 7px;font-size:11px;white-space:nowrap}
.lpg-night-proof .lpg-quote p{font-size:clamp(18px,1.8vw,24px)}
.lpg-night-proof .lpg-photo-cap svg{display:none}
.lpg-night-proof .lpg-quote{margin:0;max-width:44rem}

/* ---------- 6. cooking ---------- */
.lpg-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:26px 0 0}
.lpg-feats div{padding:14px 0;border-top:1px solid var(--line)}
.lpg-feats dt{font-size:15px;font-weight:600;color:var(--ink)}
.lpg-feats dd{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.lpg-koken .lpg-photo img{object-position:50% 60%}

/* ---------- 7. reviews ---------- */
.lpg-rev-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:end;gap:24px 64px;margin-bottom:clamp(28px,3.4vw,44px)}
.lpg-rev-top .lpg-head{margin-bottom:0}
.lpg-rev-score{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:20px 22px;border-radius:var(--r-l);background:#fff}
.lpg-rev-big{display:grid;justify-items:center;gap:6px}
.lpg-rev-big b{font-size:44px;font-weight:600;line-height:1;letter-spacing:-.03em}
.lpg-dist{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.lpg-dist li{display:grid;grid-template-columns:28px minmax(0,1fr) 26px;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}
.lpg-dist .k{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:var(--ink)}
.lpg-dist .k svg{width:11px;height:11px;color:var(--accent)}
.lpg-dist .bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.lpg-dist .bar i{display:block;height:100%;border-radius:3px;background:var(--accent)}
.lpg-dist .n{text-align:right}
.lpg-wall .review{box-shadow:0 1px 2px rgba(20,18,17,.04)}

/* ---------- 8. chooser ---------- */
.lpg-kies-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.lpg-stage-col{position:sticky;top:calc(var(--hh) + 60px)}
.lpg-stage{position:relative;container-type:inline-size;aspect-ratio:6/5;border-radius:var(--r-l);background:var(--ground-2)}
/* no transform on the plate: it would isolate the multiply blend from the stage colour */
.lpg-plate{position:absolute;left:0;right:0;top:calc(47% - 84cqw * .2889);margin-inline:auto;width:calc(84% * var(--s,1));height:calc(84cqw * .5778);transition:width .3s var(--ease)}
.lpg-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;transition:opacity .25s ease}
.lpg-plate img.is-on{opacity:1}
.lpg-ruler{position:absolute;left:0;right:0;top:calc(100% + 26px);height:1px;background:var(--ink-3)}
.lpg-ruler::before,.lpg-ruler::after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:var(--ink-3)}
.lpg-ruler::before{left:0}
.lpg-ruler::after{right:0}
.lpg-ruler span{position:absolute;left:50%;top:-10px;padding:0 10px;transform:translateX(-50%);background:var(--ground-2);font-size:13px;font-weight:600;line-height:20px;color:var(--ink);white-space:nowrap}

.lpg-panel{padding:32px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;box-shadow:0 30px 60px -40px rgba(20,18,17,.35)}
.lpg-ctl+.lpg-ctl{margin-top:18px}
.lpg-ctl-k{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--ink)}
.lpg-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.lpg-seg button{display:grid;align-content:center;justify-items:center;gap:2px;min-height:62px;padding:8px 6px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.lpg-seg button:hover{border-color:var(--ink-3)}
.lpg-seg button b{font-size:15px;font-weight:600;line-height:1.25;color:var(--ink)}
.lpg-seg button span{font-size:13px;line-height:1.3;color:var(--ink-2);font-variant-numeric:tabular-nums}
.lpg-seg button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.lpg-seg button[aria-pressed="true"] span{color:var(--accent-2)}
.lpg-p-info{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.lpg-p-name{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.lpg-p-rate{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13.5px;color:var(--ink-2)}
.lpg-p-rate b{font-weight:600;color:var(--ink)}
.lpg-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:18px 0 0}
.lpg-specs div{min-width:0}
.lpg-specs dt{font-size:12.5px;color:var(--ink-2)}
.lpg-specs dd{margin:1px 0 0;font-size:14.5px;font-weight:500;line-height:1.4;color:var(--ink)}
.lpg-specs a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.lpg-deal{margin-top:18px}
.lpg-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:20px}
.lpg-price b{font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.lpg-price s{font-size:16px;color:var(--ink-3)}
.lpg-price .btw{font-size:13px;color:var(--ink-3)}
.lpg-offer{margin-top:12px}
.lpg-deadline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;font-size:13.5px;color:var(--ink-2)}
.lpg-deadline .klok .n{color:var(--ink)}
.lpg-deadline .klok .l,.lpg-sheet .klok .l{color:var(--ink-2)}
.lpg .klok .c{color:var(--accent)}
.lpg-panel .delivery,.lpg-sheet .delivery{margin-top:12px;padding:12px 16px;gap:.25rem;border-radius:12px;background:var(--ground-2);font-size:14px}
.lpg-panel .delivery--late,.lpg-sheet .delivery--late{background:var(--warn-soft)}
.lpg-cta-row{margin-top:16px}
.lpg-add{width:100%;min-height:56px;border-radius:10px}
.lpg-add svg{width:20px;height:20px}
.lpg-add.is-done{background:var(--ok)}
.lpg-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin-top:14px}
.lpg-textbtn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0;border:0;background:none;font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;cursor:pointer}
.lpg-textbtn:hover{text-decoration-color:currentColor}
.lpg-textbtn svg{width:15px;height:15px;color:var(--ink-2)}

/* risk row */
.lpg-risk{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.lpg-risk li{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.lpg-risk .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ground-2);color:var(--accent)}
.lpg-risk .ic svg{width:18px;height:18px}
.lpg-risk b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink)}
.lpg-risk li>span>span,.lpg-risk a{display:block;font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.lpg-risk a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;white-space:nowrap}
.lpg-risk--dark{border-top-color:rgba(255,255,255,.14);grid-template-columns:repeat(4,minmax(0,1fr));text-align:left}
.lpg-risk--dark .ic{background:rgba(255,255,255,.08);color:#E58A63}
.lpg-risk--dark b{color:#fff}
.lpg-risk--dark li>span>span,.lpg-risk--dark a{color:rgba(255,255,255,.72)}
.lpg-risk--dark a{text-decoration-color:rgba(255,255,255,.3)}

/* ---------- 9. open kitchens ---------- */
.lpg-echt-img{overflow:hidden;max-width:640px;border-radius:var(--r-l);aspect-ratio:1040/605;background:#e9e5de}
.lpg-echt-img img{width:100%;height:100%;object-fit:cover}
.lpg-echt .echt{margin-top:clamp(40px,5vw,64px)}

/* ---------- 10. does it fit ---------- */
.lpg-past-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.lpg-sizes{width:100%;border-collapse:collapse;font-size:14.5px}
.lpg-sizes th,.lpg-sizes td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.lpg-sizes thead th{padding-top:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.lpg-sizes tbody th{font-weight:600;color:var(--ink)}
.lpg-sizes td{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.lpg-sizes a{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.lpg-sizes a:hover{text-decoration-color:currentColor}
.lpg-sizes td .k{display:block;font-size:12px;line-height:1.3;color:var(--ink-3)}
.lpg-sizes a svg{width:15px;height:15px;color:var(--accent)}
.lpg-past .chk{margin-top:28px}
.lpg-fit{padding:24px;border-radius:var(--r-l);background:var(--ground-2)}
.lpg-fit .tool{margin-top:14px}
.lpg-fit .fit-list li{background:#fff}
.lpg-fit .field input{background:#fff}
.lpg-past-quote .lpg-quote{margin-top:28px}
.lpg-manuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.lpg-manual{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.lpg-manual:hover{border-color:var(--ink-3);box-shadow:var(--sh-1)}
.lpg-manual .cv{overflow:hidden;width:64px;aspect-ratio:367/520;border-radius:4px;border:1px solid var(--line-2);background:#fff}
.lpg-manual .cv img{width:100%;height:100%;object-fit:cover}
.lpg-manual b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.lpg-manual .tx>span{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-2)}
.lpg-zoofy{margin-top:clamp(40px,5vw,64px);background:var(--ground-2)}
.lpg-zoofy .muted{display:block;max-width:60ch;font-size:14.5px}

/* ---------- 11. faq ---------- */
.lpg-faq .faq2 h2{font-size:clamp(28px,2.8vw,38px);line-height:1.1;letter-spacing:-.02em}
.lpg-live{margin-top:14px;font-size:14px}
.lpg-faq .acc{border-top:1px solid var(--line)}
.lpg-faq .acc summary{font-size:16px}
.lpg-faq .acc-body p{max-width:62ch;font-size:15px;line-height:1.65}

/* ---------- 12. final cta ---------- */
.lpg-cta{position:relative;overflow:hidden;background:var(--night);color:#fff;text-align:center;isolation:isolate}
.lpg-cta-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.3}
.lpg-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,18,17,.6) 0%,rgba(20,18,17,.82) 60%,rgba(20,18,17,.94) 100%)}
.lpg-cta-in{display:grid;justify-items:center;max-width:980px}
.lpg-cta .lpg-h2{margin-top:0;max-width:18ch;color:#fff;font-size:clamp(30px,4vw,52px)}
.lpg-cta-sale{display:grid;justify-items:center;gap:14px;margin-top:22px}
.lpg-cta-sale p,.lpg-cta-nosale{font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:rgba(255,255,255,.8)}
.lpg-cta-nosale{margin-top:22px}
.lpg-cta-offer{display:contents}
.lpg-cta-sale b,.lpg-cta-nosale b{color:#fff;font-weight:700}
.lpg-cta .code-chip{padding:1px 8px;border:1px dashed rgba(229,138,99,.7);background:rgba(192,85,48,.18);color:#F0A585}
.lpg-cta .code-chip:hover{background:rgba(192,85,48,.3)}
.lpg-cta .klok .c{color:#E58A63}
.lpg-cta-btn{margin-top:28px;min-height:58px;padding-inline:32px}
.lpg-cta-btn svg{width:18px;height:18px}
.lpg-cta .lpg-risk{width:100%;margin-top:clamp(36px,4vw,56px)}

/* ---------- sticky bar and sheet ---------- */
.lpg-sticky .container{gap:12px}
.lpg-sticky-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.lpg-sticky .frame{background:var(--ground-2)}
.lpg-sticky .frame img{padding:5px;mix-blend-mode:multiply}
.lpg-sticky .t{line-height:1.3}
.lpg-sticky .t b.lpg-sticky-name{font-size:13.5px;font-weight:600}
.lpg-sticky-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:14px;color:var(--ink);white-space:nowrap}
.lpg-sticky-price>b{font-weight:700}
.lpg-sticky .save-mini{margin-left:0;color:var(--accent-2);font-size:12.5px}
.lpg-sticky-btn{flex:none;min-height:46px;padding:0 16px;font-size:14.5px}
@media (min-width:1024px){.lpg-sticky{display:none}}
@media (max-width:420px){
  .lpg-sticky .frame{width:44px;height:44px}
  .lpg-sticky .container{gap:10px}
  .lpg-sticky-info{gap:10px}
  .lpg-sticky-btn{padding:0 14px;font-size:14px}
}
@media (max-width:400px){.lpg-sticky .frame{display:none}}

.lpg-sheet{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;padding-bottom:12px;color:var(--ink)}
.lpg-sheet-stage{position:relative;min-width:0;aspect-ratio:16/9;border-radius:12px;background:var(--ground-2)}
.lpg-sheet-stage img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.lpg-sheet .lpg-ctl+.lpg-ctl{margin-top:0}
.lpg-sheet-info{padding-top:16px;border-top:1px solid var(--line)}
.lpg-sheet .lpg-p-name{font-size:19px}
.lpg-sheet-glas{margin-top:2px;font-size:13.5px;color:var(--ink-2)}
.lpg-sheet .lpg-price{margin-top:14px}
.lpg-sheet .lpg-price b{font-size:26px}
#side-sheet .side-body:has(>.lpg-sheet){padding-bottom:0}
.lpg-sheet{padding-bottom:0}
.lpg-sheet-foot{position:sticky;bottom:0;z-index:2;margin-top:14px;padding:12px 0 calc(16px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -14px 16px -14px rgba(20,18,17,.22)}
.lpg-sheet-add{min-height:54px;border-radius:10px}
.lpg-sheet-stage{aspect-ratio:2/1}

/* ---------- motion stays on with reduced motion (owner rule) ---------- */
@media (prefers-reduced-motion:reduce){
  .lpg-hero-photo img{animation-duration:14s!important}
  .lpg-plate{transition-duration:.3s!important}
  .lpg-plate img{transition-duration:.25s!important}
}

/* ---------- small laptop ---------- */
@media (min-width:1024px) and (max-width:1199px){
  .lpg-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}
  .lpg-h1{font-size:40px}
  .lpg-hero-media{height:480px}
  .lpg-inset{left:-24px;width:176px}
  .lpg-facts{gap:6px 16px}
}

/* ---------- tablet ---------- */
@media (max-width:1023px){
  .lpg-hero-in{grid-template-columns:1fr;gap:28px}
  .lpg-hero-media{order:-1;height:clamp(240px,48vw,420px)}
  .lpg-inset{display:none}
  .lpg-split,.lpg-glas-grid,.lpg-night-grid,.lpg-past-grid,.lpg-kies-grid{grid-template-columns:1fr}
  .lpg-split,.lpg-glas-grid{row-gap:28px}
  .lpg-split--r{grid-template-areas:"copy" "media" "quote"}
  .lpg-glas-grid{grid-template-areas:"copy" "quote" "media"}
  .lpg-split--l,.lpg-split--lq{grid-template-areas:"media" "copy" "quote"}
  .lpg-split--lq .lpg-split-quote .lpg-quote{margin-top:0}
  .lpg-split-quote .lpg-quote,.lpg-glas-quote .lpg-quote{margin-top:0}
  .lpg-rev-top{grid-template-columns:1fr;align-items:start}
  .lpg-rev-score{max-width:440px}
  .lpg-stage-col{position:static;width:100%;max-width:640px;margin-inline:auto}
  .lpg-stage{aspect-ratio:4/3}
  .lpg-plate{width:calc(88% * var(--s,1));height:calc(88cqw * .5778);top:calc(45% - 88cqw * .2889)}
  .lpg-kies-grid{gap:24px}
  .lpg-panel{padding:0;border:0;box-shadow:none;background:none}
  .lpg-risk--dark{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lpg-echt-img{max-width:none}
}

/* ---------- phone ---------- */
@media (max-width:767px){
  .lpg-hero{padding-block:0 24px}
  .lpg-hero-in{gap:0}
  .lpg-hero-media{height:150px;margin-inline:calc(var(--gut) * -1)}
  .lpg-hero-photo{border-radius:0}
  /* matte glass, controls and finger; the marble worktop below the glass stays out of the crop */
  .lpg-hero-photo img{object-position:50% 36%}
  .lpg-hero-copy{padding-top:14px}
  .lpg-hero .label{font-size:12px;line-height:16px;letter-spacing:.1em}
  .lpg-h1{margin-top:8px;line-height:1.08}
  .lpg-hero-sub{margin-top:8px;font-size:15px;line-height:1.5}
  .lpg-rate{margin-top:10px;gap:7px;font-size:12.5px}
  .lpg-rate .stars-fill{--sz:13px!important}
  .lpg-hero-prices{margin-top:10px;gap:2px}
  .lpg-hero-price{font-size:15px}
  .lpg-hero-price b{font-size:18px}
  .lpg-hero-sale{font-size:14px}
  .lpg-hero-sale b{font-size:16px}
  .lpg-hero-cta{margin-top:12px}
  .lpg-hero-btn{width:100%;min-height:52px}
  .lpg-facts{margin-top:12px;gap:4px 14px;font-size:13px}
  .lpg-fact-af{display:none!important}
  .lpg-facts svg{width:14px;height:14px}

  .lpg-trust .known-in{padding:16px 0 8px}
  .lpg-scores{flex-direction:column;align-items:center;gap:2px;padding-bottom:16px;font-size:12.5px;text-align:center}

  .lpg-quote p{font-size:16.5px}
  .lpg-photo-cap{left:10px;bottom:10px;font-size:11.5px}

  .lpg-mat .lpg-split-media{margin-top:-4px}
  .lpg-result{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:8px 14px 8px 8px}
  .lpg-result .lpg-quote{padding-left:12px}
  .lpg-result .lpg-quote p{font-size:15px}
  .lpg-photo--result .lpg-photo-cap{left:6px;bottom:6px;padding:3px 6px;font-size:10.5px}
  .lpg-photo--result .lpg-photo-cap svg{display:none}
  .lpg-glas-grid{gap:28px}
  .lpg-glas-media{order:0}
  .lpg-player .play{width:64px;height:64px}

  .lpg-night-grid{gap:24px}
  .lpg-stats div{grid-template-columns:1fr;gap:2px;padding:12px 0}
  .lpg-night-proof{grid-template-columns:1fr;gap:18px}
  .lpg-night-proof .lpg-photo{aspect-ratio:16/9}
  .lpg-night-proof .lpg-photo-cap{left:10px;bottom:10px;padding:5px 8px;font-size:11.5px}

  .lpg-feats{grid-template-columns:1fr}

  .lpg-rev-score{grid-template-columns:1fr;gap:14px;padding:18px}
  .lpg-rev-big{grid-auto-flow:column;justify-content:start;align-items:center;gap:12px}
  .lpg-rev-big b{font-size:36px}

  .lpg-kies .lpg-head--center{text-align:left}
  .lpg-seg button{min-height:58px;padding-inline:4px}
  .lpg-seg button b{font-size:14px}
  .lpg-seg button span{font-size:12.5px}
  .lpg-specs{gap:10px 14px}
  .lpg-p-name{font-size:20px}

  .lpg-sizes thead{display:none}
  .lpg-sizes,.lpg-sizes tbody{display:block}
  .lpg-sizes tbody{display:grid;gap:10px}
  .lpg-sizes tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name name" "glas inbouw" "link link";gap:10px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px}
  .lpg-sizes tbody th,.lpg-sizes td{display:grid;gap:1px;padding:0;border:0;white-space:normal}
  .lpg-sizes tbody th{grid-area:name;font-size:15px;line-height:1.3}
  .lpg-sizes td{font-size:14px;color:var(--ink)}
  .lpg-sizes td::before{content:attr(data-k);font-size:12px;color:var(--ink-2)}
  .lpg-sizes td[data-k="Glas"]{grid-area:glas}
  .lpg-sizes td[data-k="Inbouw"]{grid-area:inbouw}
  .lpg-sizes td[data-k="Inbouw"]::before{content:none}
  .lpg-sizes td .k{color:var(--ink-2)}
  .lpg-sizes td[data-k="Maattekening"]{grid-area:link;display:block;padding-top:10px;border-top:1px solid var(--line-2)}
  .lpg-sizes td[data-k="Maattekening"]::before{content:none}
  .lpg-past-grid{gap:0}
  .lpg-past-a,.lpg-past-b{display:contents}
  .lpg-sizes{order:1}
  .lpg-fit{order:2;margin-top:28px;padding:18px}
  .lpg-past .lpg-past-chk{order:3}
  .lpg-past-quote{order:4}
  .lpg-manuals{order:5}
  .lpg-fit .form-row{grid-template-columns:1fr 1fr;gap:10px}
  .lpg-manuals{grid-template-columns:1fr;gap:10px}
  .lpg-manual{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:10px 12px}
  .lpg-manual .cv{width:44px}
  .lpg-risk{gap:16px 12px}
  .lpg-risk li{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px}
  .lpg-risk .ic,.lpg-risk--dark .ic{width:20px;height:20px;background:none}
  .lpg-risk .ic svg{width:20px;height:20px}
  .lpg-risk b{font-size:13px}
  .lpg-risk li>span>span,.lpg-risk a{font-size:12px}
  .lpg-zoofy .btn{width:100%}

  .lpg-cta .lpg-h2{font-size:clamp(28px,8vw,36px)}
  .lpg-cta-btn{width:100%}
  .lpg-cta .lpg-risk{text-align:left}
}
@media (max-width:380px){
  .lpg-risk{grid-template-columns:1fr}
}

/* ---------- page chrome on the hob page (html.is-lp-hob is set while this view is mounted) ---------- */
/* promo bar: only the offer of the hobs (the first row), no percentage line; one row on phones so the hero CTA stays on the
   first screen; no bar while the hobs have no offer (is-lp-hob-nobar, set by lp-kookplaten.js) */
html.is-lp-hob-nobar #promo,html.is-lp-hob .promo-offer--more{display:none}
html.is-lp-hob .promo-t b,html.is-lp-hob .promo-t .sep{display:none}
/* a code without an accent word (KOOK-30): the percentage leads instead, "30% extra korting met code KOOK-30" ("30% met code" on phones) */
html.is-lp-hob .promo-t .promo-short{display:inline}
html.is-lp-hob .promo-t .soft-w{color:#fff}
@media (max-width:767px){
  html.is-lp-hob .promo-row{flex-wrap:nowrap;gap:10px;min-height:44px;padding-block:4px}
  html.is-lp-hob .promo-t{font-size:13px;white-space:nowrap}
  html.is-lp-hob .promo-t .promo-kw{display:none}
  html.is-lp-hob .promo-row>.code-chip{display:inline-flex;flex-shrink:0;white-space:nowrap}
  html.is-lp-hob .promo-row>.promo-clock{flex-shrink:0}
  html.is-lp-hob .promo-row>.promo-clock{display:flex}
  html.is-lp-hob .promo-clock .nog,html.is-lp-hob .promo-mob,html.is-lp-hob .promo-note{display:none}
}
/* footer: hobs are connected by an electrician, and this page sells no taps */
html.is-lp-hob .ft-actions>.btn,html.is-lp-hob .ft-brand p b,html.is-lp-hob .ft-usps-in>div:nth-child(4){display:none}
html.is-lp-hob .ft-usps-in{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){
  html.is-lp-hob .ft-usps-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.is-lp-hob .ft-usps-in>div:nth-child(3){grid-column:1/-1}
}

/* calmer page (owner 17-09): the loupe photo without the extra tiles in the mat glass section */
.lpg-mat .gf-spiegel-tiles{display:none}
/* .bar is also the header bar class (display:grid, auto columns), which squeezed the fill to zero width */
.lpg-dist .bar{display:block;gap:0}

/* trust scores under the logos (same as the tap page) */
.lpg-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;margin:0;padding:0 0 20px;list-style:none;font-size:13px;line-height:1.4;color:var(--ink-2)}
.lpg-scores li{display:inline-flex;align-items:center;gap:6px}
.lpg-scores svg{width:13px;height:13px;flex:none;color:var(--accent)}
@media (max-width:640px){
  .lpg-scores{flex-direction:column;align-items:center;gap:2px;padding-bottom:16px}
  .lpg-hero-media{height:232px}
  .lpg-past-quote{display:none}
}
/* phone: the size check comes first and the size cards scroll sideways, so "past hij?" is answered in one screen */
@media (max-width:767px){
  .lpg-past .lpg-fit{order:0}
  .lpg-past .lpg-sizes{margin-top:22px}
  .lpg-sizes tbody{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding:2px var(--gut) 10px;scrollbar-width:none}
  .lpg-sizes tbody::-webkit-scrollbar{display:none}
  .lpg-sizes tr{flex:0 0 82%;scroll-snap-align:center;background:#fff}
}

/* the try-at-home line under the buy button */
.lpg-try{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.lpg-try svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--accent-2)}
/* glastest.js */
.gf-glastest-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.gf-glastest-tabs{display:flex;flex:1;min-width:0;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--ground-2)}
.gf-glastest-bar button,.gf-glastest-play{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}
.gf-glastest-tabs button{flex:1 1 auto;justify-content:center;padding:0 18px;border-radius:999px;color:var(--ink-2);font-size:15px;white-space:nowrap;transition:background-color .2s,color .2s}
.gf-glastest-tabs [aria-selected=true]{background:var(--ink);color:#fff}
.gf-glastest-bar svg{width:18px;height:18px}
.gf-glastest-play svg{width:14px;height:14px;color:var(--accent)}
.gf-glastest-stage{position:relative;aspect-ratio:5/6;border-radius:var(--r-l,16px);background:var(--ink);overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
/* armed keeps pan-y: a vertical swipe scrolls the page, a sideways stroke drives the clip (glass-glastest.js point) */
[data-lens].gf-glastest-stage{touch-action:none}
.gf-glastest-two{display:grid;grid-template-rows:1fr 1fr;gap:6px}
.gf-glastest-pane{position:relative;margin:0;min-height:0;overflow:hidden}
.gf-glastest-one .gf-glastest-pane,.gf-glastest-v,.gf-glastest-tags,.gf-glastest-hit{position:absolute;inset:0}
.gf-glastest-v{width:100%;height:100%;object-fit:cover;object-position:var(--pm)}
.gf-glastest-root [data-off]{opacity:0}
.gf-glastest-v,.gf-glastest-tags,.gf-glastest-tag,.gf-glastest-ring,.gf-glastest-cue{transition:opacity .3s}
.gf-glastest-tags{z-index:5;pointer-events:none}
.gf-glastest-tag,.gf-glastest-cue{position:absolute;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#141211b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 12.5px/1.2 var(--font);white-space:nowrap}
.gf-glastest-tag{inset:var(--tm)}
.gf-glastest-mat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.gf-glastest-hit{z-index:2}
.gf-glastest-ring,.gf-glastest-loupe{position:absolute;left:0;top:0;z-index:6;border-radius:50%;pointer-events:none}
.gf-glastest-ring{width:44px;height:44px;margin:-22px 0 0 -22px;border:2px solid #ffffffe6;box-shadow:0 0 0 1px #14121133,0 4px 16px #14121166}
.gf-glastest-cue{left:50%;top:50%;z-index:6;margin-top:34px;transform:translateX(-50%)}
.gf-glastest-ring,.gf-glastest-cue{opacity:0}
[data-armed] .gf-glastest-ring,[data-near]:not([data-lens]) .gf-glastest-ring,[data-armed]:not([data-moving]) .gf-glastest-cue{opacity:1}
[data-hint]:not([data-near]) .gf-glastest-ring{animation:gf-gt-sweep 1.3s cubic-bezier(.45,0,.55,1) 2}
@keyframes gf-gt-sweep{0%{opacity:0;translate:-56px 0}18%{opacity:1}50%{translate:56px 0}82%{opacity:1}100%{opacity:0;translate:-56px 0}}
.gf-glastest-prog{position:absolute;inset:auto 0 0;z-index:6;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}
.gf-glastest-start{position:absolute;inset:auto 0 0;z-index:4;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:0 16px 52px;background:linear-gradient(#14121100,#14121199);color:#fff;font-size:14px;line-height:1.3;pointer-events:none;transition:opacity .3s,visibility 0s}
.gf-glastest-go{min-width:180px;min-height:48px;pointer-events:auto;box-shadow:0 8px 24px #1412114d}
.gf-glastest-loupe{z-index:7;width:128px;height:128px;background:var(--ink) no-repeat;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--accent),0 10px 30px #14121159}
.gf-glastest-root :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gf-glastest-stage :focus-visible{outline-color:#fff}
.gf-glastest-hit:focus-visible{outline-offset:-4px;border-radius:14px}
.gf-glastest-cap{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.gf-glastest-out{margin-top:6px}
/* the play link folds away and the result unfolds; nothing reserves height before the test ran */
/* visibility turns on at once (so focus can move there in the same frame) and turns off only after the fade */
.gf-glastest-pre,.gf-glastest-post{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1),opacity .3s,visibility 0s}
.gf-glastest-pre>div,.gf-glastest-post>div{min-height:0;overflow:hidden;margin:-4px;padding:4px}
.gf-glastest-start[data-off],.gf-glastest-post,[data-done]>.gf-glastest-pre{visibility:hidden;opacity:0}
.gf-glastest-start[data-off]{transition-delay:0s,.3s}
.gf-glastest-post,[data-done]>.gf-glastest-pre{transition-delay:0s,0s,.4s}
.gf-glastest-post,[data-done]>.gf-glastest-pre{grid-template-rows:0fr}
[data-done]>.gf-glastest-post{grid-template-rows:1fr;visibility:visible;opacity:1;transition-delay:0s}
.gf-glastest-res{margin-top:4px;font-size:17px;line-height:1.4;font-weight:600}
.gf-glastest-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.gf-glastest-acts .btn{min-height:44px;padding:0 16px;font-size:14px}
.gf-glastest-lp[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}
.gf-glastest-care{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--ink-2)}
.gf-glastest-care span,.gf-glastest-cap,.gf-glastest-res{display:block;max-width:60ch}
.gf-glastest-care a{color:var(--ink);white-space:nowrap}
.gf-glastest-grid{display:grid;gap:28px}
@media (min-width:768px){
.gf-glastest-tabs{flex:none}
.gf-glastest-tabs button{padding:0 24px}
.gf-glastest-stage{aspect-ratio:16/9}
.gf-glastest-two{grid-template:none/1fr 1fr}
.gf-glastest-v{object-position:var(--pd)}
.gf-glastest-tag{inset:var(--td)}
.gf-glastest-loupe{width:176px;height:176px}
.gf-glastest-start{padding-bottom:22px}
}
@media (max-width:420px){.gf-glastest-tabs button{padding:0 12px;font-size:14px}}
/* three tabs on a phone: the share button keeps only its icon (the text stays its accessible name) */
@media (max-width:480px){[data-tabs="3"] .gf-glastest-share{justify-content:center;min-width:44px}[data-tabs="3"] .gf-glastest-sharet{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.gf-glastest-home .gf-spiegel-hit:focus-visible{outline:0}
/* app.css cuts all motion for reduced motion; these fades and the sweep stay (owner decision: motion plays for everyone) */
@media (prefers-reduced-motion:reduce){
.gf-glastest-v,.gf-glastest-tags,.gf-glastest-tag,.gf-glastest-ring,.gf-glastest-cue{transition-duration:.3s!important}
.gf-glastest-start{transition-duration:.3s,0s!important}
.gf-glastest-pre,.gf-glastest-post{transition-duration:.4s,.3s,0s!important}
.sticky-buy.is-on.gf-yield{transition-duration:.35s,0s!important}
.player.is-playing .gf-glastest-tags{transition-duration:.3s!important}
.gf-glastest-tabs button{transition-duration:.2s!important}
[data-hint]:not([data-near]) .gf-glastest-ring{animation-duration:1.3s!important}
}
/* the buy bar steps aside while it would cover the glass block (glass-glastest.js bar) */
.sticky-buy.is-on.gf-yield{transform:translateY(105%);visibility:hidden;transition:transform .35s var(--ease,ease),visibility 0s .35s}
/* plate labels over the scratch footage outside the test: product gallery tile and kookplaten header */
.pgrid-it.pgrid-glass{cursor:pointer;background:var(--ink)}
.pgrid-it.pgrid-glass .vt{top:10px;right:10px;bottom:auto;width:fit-content;padding:6px 10px;border-radius:12px;line-height:1.3;text-align:left}
.pgrid-it.pgrid-glass .vt svg{flex:none}
.player .gf-glastest-tags{transition:transform .3s}
.player.is-playing .gf-glastest-tags{transform:translateY(-48px)}
.gf-duel .gf-glastest-cap{margin-top:10px}
@media (min-width:1024px){.gf-glastest-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,72px);align-items:center}}
/* Spiegelproef bij kopers thuis (assets/glass-spiegel.js) */
.gf-spiegel{--gf-t:var(--ground-2)}
.section--beige .gf-spiegel{--gf-t:#fff}
.gf-spiegel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:10px}
.gf-spiegel-eye{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink)}
.gf-spiegel-eye svg{width:16px;height:16px;color:var(--accent)}
.gf-spiegel-chips{position:relative;z-index:0;display:flex;height:36px;padding:3px;border-radius:999px;background:rgba(20,18,17,.06)}
.gf-spiegel:not(.is-live) .gf-spiegel-chips{visibility:hidden}
.gf-spiegel-chip{position:relative;height:44px;margin:-7px 0;padding:0 15px;border:0;background:none;color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.gf-spiegel-chip::before{content:"";position:absolute;inset:7px 0;z-index:-1;border-radius:999px;transition:background-color .2s,box-shadow .2s}
.gf-spiegel-chip[aria-pressed=true]{color:var(--ink)}
.gf-spiegel-chip[aria-pressed=true]::before{background:#fff;box-shadow:0 1px 2px rgba(20,18,17,.14)}
.gf-spiegel-chip:focus-visible{outline:0}
.gf-spiegel-chip:focus-visible::before{box-shadow:0 0 0 2px var(--accent)}
.gf-spiegel-stage{position:relative;overflow:hidden;border-radius:var(--r-l);background:var(--ground-2);container-type:inline-size;transition:height .25s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.gf-spiegel-stage::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid var(--line);border-radius:inherit;pointer-events:none}
.gf-spiegel-img{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;transition:opacity .2s}
.gf-spiegel-img.is-on{opacity:1}
.gf-spiegel-hit{position:absolute;inset:0;z-index:2;border-radius:inherit;touch-action:pan-y pinch-zoom;outline:0}
.gf-spiegel-hit:focus-visible{border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent)}
.gf-spiegel-loupe{position:absolute;left:0;top:0;z-index:3;width:124px;height:124px;border-radius:50%;background:var(--ground-2) no-repeat;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--accent),0 10px 30px rgba(20,18,17,.35);touch-action:pan-y pinch-zoom;opacity:0;pointer-events:none;transition:opacity .2s;will-change:transform}
.gf-spiegel-loupe::before{content:"";position:absolute;inset:-12px;border-radius:50%}
.gf-spiegel.is-ready .gf-spiegel-loupe{opacity:1;pointer-events:auto}
@media (hover:hover){.gf-spiegel.is-ready .gf-spiegel-stage{cursor:none}}
.gf-spiegel.is-switch .gf-spiegel-loupe,.gf-spiegel.is-switch .gf-spiegel-tiles,.gf-spiegel.is-switch .gf-spiegel-cap{opacity:0}
.gf-spiegel-cue{position:absolute;left:12px;top:12px;z-index:4;padding:6px 10px;border-radius:999px;background:rgba(20,18,17,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s}
.gf-spiegel.is-ready:not(.is-used) .gf-spiegel-cue{opacity:1}
.gf-spiegel-pill{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:rgba(20,18,17,.7);color:#fff;font-size:11.5px;font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none}
.gf-spiegel-up .gf-spiegel-pill{top:12%;bottom:auto}
.gf-spiegel-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;container-type:inline-size;transition:opacity .2s}
.gf-spiegel-tile{display:grid;align-content:start;gap:8px;min-width:0;padding:8px;border:0;border-radius:var(--r-l);background:var(--gf-t);color:var(--ink);text-align:left;cursor:pointer;transition:box-shadow .2s}
.gf-spiegel-tile[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}
.gf-spiegel-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-l)}
.gf-spiegel-tv{display:block;aspect-ratio:2;border-radius:12px;background:var(--line) no-repeat;background-size:625% auto;background-position:var(--x2) var(--y2)}
.gf-spiegel-tt{min-width:0;padding:0 2px 2px}
.gf-spiegel-tt b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.gf-spiegel-tt span{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--ink-2);text-wrap:balance}
.gf-spiegel-cap{margin-top:20px;transition:opacity .2s}
.gf-spiegel-h{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.gf-spiegel-meta,.gf-spiegel-qs figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.gf-spiegel-meta b,.gf-spiegel-qs b{font-weight:600;color:var(--ink)}
.gf-spiegel-meta span,.gf-spiegel-qs span{white-space:nowrap}
.gf-spiegel-meta i,.gf-spiegel-qs i{flex-basis:100%;height:0}
.gf-spiegel-v{display:inline-flex;align-items:center;gap:3px}
.gf-spiegel-v svg{width:14px;height:14px;color:var(--ok,#166534)}
.gf-spiegel-q{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--ink);text-wrap:pretty}
.gf-spiegel-list{margin-top:28px;container-type:inline-size}
.gf-spiegel-lh{font-size:14px;font-weight:600;color:var(--ink)}
.gf-spiegel-qs{display:grid;column-gap:24px;margin:10px 0 0;padding:0;list-style:none}
.gf-spiegel-qs li{padding:14px 0;border-top:1px solid var(--line)}
.gf-spiegel-qs figure,.gf-spiegel-qs blockquote{margin:0}
.gf-spiegel-qs p{font-size:15px;line-height:1.5;color:var(--ink);text-wrap:pretty}
.gf-spiegel-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px}
.gf-spiegel-all svg{width:16px;height:16px}
@container (min-width:440px){.gf-spiegel-tile{display:flex;align-items:center;gap:12px}.gf-spiegel-tv{flex:none;width:72px;aspect-ratio:1;background-size:900% auto;background-position:var(--x1) var(--y1)}}
@container (min-width:520px){.gf-spiegel-loupe{width:188px;height:188px}.gf-spiegel-tv{width:88px}.gf-spiegel-qs{grid-template-columns:1fr 1fr}}
.gf-spiegel--compact{display:grid;grid-template-areas:"head" "media" "copy"}
.gf-spiegel-head{grid-area:head;margin-bottom:14px}
.gf-spiegel-media{grid-area:media;min-width:0}
.gf-spiegel-copy{grid-area:copy}
.gf-spiegel--compact .gf-spiegel-h{font-size:clamp(20px,1.7vw,24px);line-height:1.2;letter-spacing:-.02em}
.gf-spiegel--panel .gf-spiegel-side{margin-top:8px}
/* wide: the photo as large as the test footage, the two close-ups in a column beside it, the review below */
@media (min-width:768px){
  .gf-spiegel--panel{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);grid-template-areas:"stage tiles" "cap cap";column-gap:12px}
  .gf-spiegel--panel .gf-spiegel-stage{grid-area:stage}
  .gf-spiegel--panel .gf-spiegel-side{display:contents}
  .gf-spiegel--panel .gf-spiegel-tiles{grid-area:tiles;grid-template-columns:1fr;align-content:center;margin-top:0}
  .gf-spiegel--panel .gf-spiegel-cap{grid-area:cap;margin-top:14px}
  .gf-spiegel--panel .gf-spiegel-cap>*{max-width:62ch}
}
.gf-spiegel-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--ink-2)}
@media (min-width:1024px){
  .gf-spiegel--compact{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". media" "head media" "copy media" ". media";column-gap:clamp(40px,5.5vw,88px)}
  .gf-spiegel--compact .gf-spiegel-cap{margin-top:0}
}
@media (prefers-reduced-motion:reduce){.gf-spiegel-stage{transition-duration:.25s!important}.gf-spiegel-img,.gf-spiegel-loupe,.gf-spiegel-tiles,.gf-spiegel-cap{transition-duration:.2s!important}.gf-spiegel-cue{transition-duration:.3s!important}}
/* Beheer: acties per productgroep (#/beheer/acties, assets/views/beheer.js) */
.bh{padding-block:12px 40px;background:var(--ground-2)}
.bh-wrap{display:grid;gap:20px}
.bh-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;padding-top:16px}
.bh-head .h1{margin-top:6px}
.bh-user{margin:0;font-size:13px;color:var(--ink-2)}
.bh-card{background:#fff;border:1px solid var(--line);border-radius:16px}
.bh-h2{font-size:16px;font-weight:600;letter-spacing:-.01em}
.bh .nw{white-space:nowrap}

/* access states */
.bh-gate{display:grid;justify-items:start;gap:10px;max-width:560px;padding:32px 0 96px}
.bh-gate .h1{margin-top:-4px}
.bh-gate-t{font-size:16px;color:var(--ink-2)}
.bh-gate .btn{margin-top:8px}

/* bar preview */
.bh-prev{display:grid;gap:14px;padding:16px 20px 20px}
.bh-prev-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.bh-prev-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bh-select{position:relative;display:inline-flex}
.bh-select select{appearance:none;-webkit-appearance:none;min-height:40px;padding:0 38px 0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 14px/1 var(--font);color:var(--ink);cursor:pointer}
.bh-select select:hover{border-color:#d9d3c9}
.bh-select select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bh-select svg{position:absolute;right:14px;top:50%;width:15px;height:15px;margin-top:-7.5px;color:var(--ink-2);pointer-events:none}
.bh-device button{min-height:34px}
.bh-frame{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}
.bh-frame.is-phone{padding:18px 16px;background:var(--ground-2)}
.bh-frame-in{background:#fff}
.bh-frame.is-phone .bh-frame-in{--gut:20px;max-width:390px;margin-inline:auto;overflow:hidden;border:1px solid var(--line);border-radius:18px}
.bh-nobar{display:grid;place-items:center;min-height:48px;margin:0;background:var(--ground-2);font-size:13px;color:var(--ink-3)}
.bh-fake{display:flex;align-items:center;gap:22px;height:58px;padding-inline:var(--gut)}
.bh-fake img{width:auto;height:20px;margin-right:18px}
.bh-fake i{display:block;width:84px;height:8px;border-radius:99px;background:var(--line-2)}
.bh-fake b{display:block;width:104px;height:28px;margin-left:auto;border-radius:99px;background:var(--accent-soft)}
.bh-frame.is-phone .bh-fake i{display:none}
.bh-frame.is-phone .bh-fake b{width:72px}
/* the phone view on a large screen: the same rules the bar gets below 768 px */
.bh-frame.is-phone .promo-offer--more,.bh-frame.is-phone .promo-note--all{display:none}
.bh-frame.is-phone .promo-note--first{display:block}
.bh-frame.is-phone .promo-row>.code-chip,.bh-frame.is-phone .promo-row>.promo-clock{display:none}
.bh-frame.is-phone .promo-mob{display:flex}
.bh-frame.is-phone .promo-t{font-size:13px;white-space:normal;text-align:center}
.bh-frame.is-phone .promo-spark{display:none}
.bh-frame.is-phone .promo-note{margin-top:0}
@media (max-width:767px){
  .bh-device{display:none}
  .bh-fake i{display:none}
  .bh-fake b{width:72px}
}

/* groups */
.bh-thead{display:none}
.bh-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 116px;grid-template-areas:"g g" "code pct" "end end" "bar bar" "wc wc" "ex ex";gap:12px;padding:18px 16px}
.bh-row+.bh-row{border-top:1px solid var(--line)}
.bh-row.is-changed::before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.bh-g{grid-area:g;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;min-width:0}
.bh-name{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.bh-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}
.bh-pill{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:var(--ground-2);color:var(--ink-2);font-size:12px;font-weight:600;line-height:1}
.bh-pill[hidden]{display:none}
.bh-pill--on{background:var(--ok-soft);color:var(--ok)}
.bh-pill--end{background:#FBF0E4;color:#8A4B12}
.bh-pill--off{background:#F3F0EA;color:var(--ink-3)}
.bh-code{grid-area:code}
.bh-pct{grid-area:pct}
.bh-end{grid-area:end}
.bh-bar{grid-area:bar}
.bh-wc{grid-area:wc}
.bh-ex{grid-area:ex}
.bh-f{display:grid;gap:6px;align-content:start;min-width:0}
.bh-l{font-size:13px;font-weight:600;color:var(--ink-2)}
.bh-in{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:500 16px/1.2 var(--font);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.bh-in:hover{border-color:#d9d3c9}
.bh-in:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,18,17,.08)}
.bh-in[aria-invalid="true"]{border-color:#D0342C}
.bh-in[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(208,52,44,.12)}
.bh-in--code{font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.bh-in::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
/* the code suggestions arrow only shows on hover and focus */
.bh-in--code::-webkit-calendar-picker-indicator{opacity:.4}
.bh-in--code:not(:hover):not(:focus)::-webkit-calendar-picker-indicator{opacity:0}
.bh-suf{position:relative;display:block}
.bh-suf .bh-in{padding-right:32px}
.bh-suf>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--ink-3);pointer-events:none}
.bh-dt{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px}
.bh-dt[hidden]{display:none}
.bh-check{display:inline-flex;align-items:center;gap:8px;width:max-content;min-height:32px;font-size:14px;color:var(--ink-2);cursor:pointer}
.bh-check input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}
.bh-err{margin:0;font-size:12.5px;line-height:1.35;color:#B32A22}
.bh-err[hidden]{display:none}
.bh-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer}
.bh-switch input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;border-radius:999px;background:#D9D3C9;cursor:pointer;transition:background-color .2s}
.bh-switch input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(20,18,17,.25);transition:transform .2s var(--ease)}
.bh-switch input:checked{background:var(--accent)}
.bh-switch input:checked::after{transform:translateX(18px)}
.bh-switch input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.bh-row.is-off .bh-switch input{opacity:.5}
.bh-wc{display:flex;align-items:baseline;gap:7px;margin:0;font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.bh-wc[hidden]{display:none}
.bh-wc::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink-3);transform:translateY(-1px)}
.bh-wc--ok::before{background:var(--ok-dot)}
.bh-wc--warn::before{background:#E0A030}
.bh-wc--bad{color:#B32A22}
.bh-wc--bad::before{background:#D0342C}
.bh-wc--wait{color:var(--ink-3)}
.bh-ex{display:grid;gap:6px;min-width:0}
.bh-ex>.bh-l{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bh-ex-in{display:flex;align-items:flex-start;gap:12px;min-height:72px;padding:10px 12px;border-radius:10px;background:var(--ground-2)}
.bh-ex-im{flex:none;width:52px;height:52px;overflow:hidden;border:1px solid var(--line-2);border-radius:8px;background:#fff}
.bh-ex-im img{width:100%;height:100%;object-fit:cover}
.bh-ex-t{display:grid;gap:1px;min-width:0;font-size:13px;line-height:1.4;color:var(--ink-2)}
.bh-ex-name{overflow:hidden;font-weight:600;color:var(--ink);white-space:nowrap;text-overflow:ellipsis}
.bh-ex-price b{font-weight:600;color:var(--ink)}
.bh-ex-price s{margin-left:4px;color:var(--ink-3)}
.bh-ex-code b{font-weight:600;letter-spacing:.06em;color:var(--accent-2)}
.bh-ex-code .nw{font-weight:600;color:var(--ink)}
.bh-ex-left{font-size:12.5px;color:var(--accent-2)}
.bh-ex-left .nw{font-weight:600}
.bh-ex-off{font-size:12.5px;color:var(--ink-3)}

/* actions: always in reach while scrolling the groups */
.bh-actions{position:sticky;bottom:0;z-index:5;margin-top:4px;padding-block:14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--ground-2) 72%,rgba(250,248,244,0))}
.bh-actions-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 10px 10px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 28px -14px rgba(20,18,17,.3)}
.bh-state{margin:0;font-size:14px;color:var(--ink-2)}
.bh-state:focus{outline:none}
.bh-state-dirty{font-weight:600;color:var(--accent-2)}
.bh-state-bad{font-weight:600;color:#B32A22}
.bh-state-ok{font-weight:600;color:var(--ok)}
.bh-linkbtn{padding:0;border:0;background:none;font:inherit;cursor:pointer}
.bh-btns{display:flex;flex-wrap:wrap;gap:8px}
.bh-btns .btn[disabled]{opacity:.4}

@media (max-width:699px){
  .bh-head{padding-top:8px}
  .bh-prev{padding:14px 14px 16px}
  .bh-actions-in{padding:10px}
  .bh-state{width:100%;padding-inline:4px}
  .bh-btns{display:grid;grid-template-columns:1fr 1fr 1.25fr;width:100%}
  .bh-btns .btn{padding-inline:8px}
}
@media (min-width:700px) and (max-width:1199px){
  .bh-row{grid-template-columns:minmax(0,1fr) 112px minmax(0,1.35fr) auto;grid-template-areas:"g g g g" "code pct end bar" "wc wc wc wc" "ex ex ex ex";padding:18px 20px}
  .bh-g{justify-content:flex-start}
  .bh-switch{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:0}
  .bh-switch input{margin-top:9px}
}
@media (min-width:1200px){
  .bh-thead,.bh-row{grid-template-columns:minmax(150px,1fr) 164px 88px 272px 84px minmax(240px,1.4fr);column-gap:16px;padding-inline:20px}
  .bh-thead{display:grid;padding-block:11px;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:#FCFBF8;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
  .bh-thead+.bh-row{border-top:0}
  .bh-row{grid-template-areas:"g code pct end bar ex" ". wc wc wc wc ex";row-gap:0;padding-block:16px}
  .bh-l{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bh-g{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding-top:2px}
  .bh-switch{justify-content:flex-start}
  .bh-wc{margin-top:10px}
}
/* HOWAT 2026: styles of the theme itself (server-rendered content, WordPress pages). Storefront styles are in assets/. */

/* server-rendered content in main#app: hidden while the storefront starts, shown after 4 s if it does not */
.hw-js #app > .hw-ssr{visibility:hidden;animation:hw-ssr-show 0s linear 4s forwards}
@keyframes hw-ssr-show{to{visibility:visible}}
.hw-ssr{max-width:var(--max,1360px);margin:0 auto;padding:32px var(--gut,16px) 64px;font-family:var(--font,system-ui,sans-serif)}
.hw-ssr h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 12px}
.hw-ssr h2{font-size:22px;margin:32px 0 12px}
.hw-ssr p{margin:0 0 12px;max-width:65ch}
.hw-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;font-size:14px}
.hw-crumbs li+li::before{content:"›";margin-right:8px;color:#84878C}
.hw-product{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.hw-product{grid-template-columns:1fr 1fr;align-items:start}}
.hw-product-img{display:block;width:100%;height:auto;border-radius:18px;background:#fff}
.hw-products,.hw-links{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.hw-price{font-weight:600}

/* WordPress pages: the HOWAT header is sticky, so anchors land below it */
body.howat-wp{overflow-x:hidden}
body.howat-wp #wrapper{position:relative}