/* Black Friday – ontwerp Jan 02-11-2026. Basis: html{font-size:62.5%} van DD. */
li.vh-bf{position:relative}
.vh-bf-sticker{position:absolute;z-index:16;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;background:#2B231E;color:#F3EBDD;border-radius:.6rem;box-shadow:inset 0 0 0 .1rem rgba(214,193,160,.55),0 .2rem .8rem rgba(0,0,0,.18);pointer-events:none;font-family:"Inter",sans-serif;line-height:1;-webkit-text-size-adjust:none;text-size-adjust:none}
.vh-bf-sticker__bf{font-weight:600;letter-spacing:.14em;white-space:nowrap}
.vh-bf-sticker__tot{display:flex;align-items:center;gap:.5em;color:#CDB48F;font-weight:500;letter-spacing:.14em;white-space:nowrap}
.vh-bf-sticker__tot:before,.vh-bf-sticker__tot:after{content:"";display:block;width:1.3em;height:.1rem;background:rgba(205,180,143,.7)}
.vh-bf-sticker__pct{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:.95;font-variant-numeric:lining-nums}
.vh-bf-sticker__korting{color:#CDB48F;font-weight:600;letter-spacing:.16em}
.vh-bf-sticker__woord{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:1}
.vh-bf-sticker--kaart .vh-bf-sticker__woord{font-size:2.1rem}
.vh-bf-sticker--pdp .vh-bf-sticker__woord{font-size:2.8rem}
/* Kaart: rechts, net onder het hartje (hartje: top/right 1.2rem, ca. 4rem hoog) */
.vh-bf-sticker--kaart{width:8.4rem;padding:.9rem .4rem .8rem;right:1rem;top:6.2rem;gap:.5rem}
.vh-bf-sticker--kaart .vh-bf-sticker__bf{font-size:.8rem}
.vh-bf-sticker--kaart .vh-bf-sticker__tot{font-size:.75rem}
.vh-bf-sticker--kaart .vh-bf-sticker__pct{font-size:3.2rem}
.vh-bf-sticker--kaart .vh-bf-sticker__korting{font-size:.75rem}
/* Productpagina: zelfde vlak, groter, linksboven in het hoofdbeeld */
.vh-bf-sticker--pdp{width:11rem;padding:1.2rem .6rem 1rem;right:1.2rem;top:6.4rem;gap:.6rem}
.vh-bf-sticker--pdp .vh-bf-sticker__bf{font-size:1.1rem}
.vh-bf-sticker--pdp .vh-bf-sticker__tot{font-size:1rem}
.vh-bf-sticker--pdp .vh-bf-sticker__pct{font-size:4.2rem}
.vh-bf-sticker--pdp .vh-bf-sticker__korting{font-size:1rem}
/* Timer: donkerbruine balk met klok */
.vh-bf-timer{display:flex;align-items:center;justify-content:center;gap:.8rem;box-sizing:border-box;background:#3A2C22;color:#EADBC4;font-family:"Inter",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap}
.vh-bf-timer__klok{flex:none;color:#CDB48F}
.vh-bf-timer b{font-weight:600;color:#F3EBDD}
.vh-bf-timer--kaart{position:absolute;left:0;right:0;bottom:100%;height:3.4rem;font-size:1.3rem;z-index:5}
/* De galerij van DD heeft overflow:hidden; het script zet de balk daarom net boven de galerij. Zonder script blijft hij weg. */
.single-product-gallery .vh-bf-timer--pdp{display:none}
/* Direct tegen de foto: de -1rem heft de rijafstand (gap 1rem) van DD's galerijraster op, plus 2 px omdat de foto 1 px lager begint (Jan 02-11). */
.vh-bf-timer--pdp{position:relative;z-index:6;height:3.8rem;margin-bottom:calc(-1rem - 2px);padding:0 1.4rem;font-size:1.4rem;letter-spacing:.14em}
/* Overzicht met een timer: meer witruimte boven de balken (ontwerp Jan 02-11) */
ul.products:has(.vh-bf-timer--kaart){row-gap:6rem;padding-top:2.4rem}
.custom-cross-sells .vh-bf-sticker,.custom-cross-sells .vh-bf-timer{display:none}
@media only screen and (max-width:750px){
.vh-bf-sticker--kaart{width:6.6rem;padding:.7rem .3rem .6rem;right:.6rem;top:5rem;gap:.4rem}
.vh-bf-sticker--kaart .vh-bf-sticker__bf{font-size:.65rem}
.vh-bf-sticker--kaart .vh-bf-sticker__tot,.vh-bf-sticker--kaart .vh-bf-sticker__korting{font-size:.6rem}
.vh-bf-sticker--kaart .vh-bf-sticker__pct{font-size:2.4rem}
.vh-bf-sticker--pdp{width:6.4rem;padding:.7rem .3rem .6rem;right:.6rem;top:4.8rem;gap:.35rem}
.vh-bf-sticker--pdp .vh-bf-sticker__bf{font-size:.62rem}
.vh-bf-sticker--pdp .vh-bf-sticker__tot,.vh-bf-sticker--pdp .vh-bf-sticker__korting{font-size:.58rem}
.vh-bf-sticker--pdp .vh-bf-sticker__pct{font-size:2.4rem}
.vh-bf-sticker--kaart .vh-bf-sticker__woord,.vh-bf-sticker--pdp .vh-bf-sticker__woord{font-size:1.6rem}
.vh-bf-timer--kaart{font-size:1.1rem;letter-spacing:.06em;gap:.5rem}
.vh-bf-timer--pdp{font-size:1.2rem;letter-spacing:.06em;height:3.4rem}
}
/* Megadeal-sticker: wijnrood RAL 3005 met crème letters (Jan 04-11, variant A). Specials blijft donkerbruin. */
.vh-bf-sticker--megadeal{background:#5E2129;color:#F6EEE6;box-shadow:inset 0 0 0 .1rem rgba(246,238,230,.55),0 .2rem .8rem rgba(0,0,0,.2)}
.vh-bf-sticker--megadeal .vh-bf-sticker__tot,.vh-bf-sticker--megadeal .vh-bf-sticker__korting{color:#F6EEE6}
.vh-bf-sticker--megadeal .vh-bf-sticker__tot:before,.vh-bf-sticker--megadeal .vh-bf-sticker__tot:after{background:rgba(246,238,230,.75)}
/* BLACK FRIDAY in header, megamenu en mobiel menu: wijnrood vlak (RAL 3005) met witte letters (Jan 04-11, optie A). Het thema maakt .color-red #d00. */
header .menu-item.color-red>a{display:inline-block;background:#5E2129;color:#fff!important;padding:.6rem 1.2rem;border-radius:.3rem;font-weight:600;letter-spacing:.04em;line-height:1.2}
header .menu-item.color-red>a:hover,header .menu-item.color-red>a:focus-visible{background:#4A1A21;color:#fff!important}
.megamenu__category-title.color-red,.mobile-navigation .megamenu-category-list__title.color-red{display:inline-block;background:#5E2129;color:#fff!important;padding:.3rem .8rem;border-radius:.3rem;font-weight:600}
.mobile-navigation .menu-item.color-red>a{display:inline-block;background:#5E2129;color:#fff!important;padding:.4rem 1rem;border-radius:.3rem;font-weight:600}