/* Korting Festival hero: overgenomen van de bronpagina (www.venstermarkt.com).
   De opmaak hoort bij het blok index:hero__korting_festival en staat los van theme.css.
   Alleen de volle-breedte-truc is aangepast: de sectie is in deze winkel al volle breedte. */
.kf-page--week39{--color-primary:#EC660D}

            .kf-page--week39{
--kf-orange:var(--color-primary);
--kf-blue:#017df0;
--kf-yellow:#ffd500;
--kf-dark:#111827;
--kf-sun-x:70%;
--kf-sun-y:52%;
position:relative;
z-index:0;
isolation:isolate;
width:100vw;
margin-left:calc(50% - 50vw);
padding-bottom:52px;
overflow:hidden;
background:transparent!important
}



.kf-page--week39,
.kf-page--week39 *{
box-sizing:border-box
}

.kf-page--week39 .kf-stage{
position:relative;
z-index:1;
background:transparent!important
}

.kf-page--week39 .kf-container{
position:relative;
width:calc(100% - 40px);
max-width:1248px;
margin:0 auto
}

.kf-page--week39 .kf-sr-only{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important
}

/* =========================================================
   HERO-ACHTERGROND
   KORTING FESTIVAL STIJL

   - Minder gele vormen
   - Transparantere vormen
   - Sunburst achter het product
   - Meer richting aangeleverde voorbeeldstijl
   ========================================================= */

.kf-page--week39 .kf-hero{
position:relative;
z-index:1;
min-height:550px;
overflow:hidden;
border-radius:0 0 30px 30px;

background:

/* Gele festivalvormen */
radial-gradient(ellipse 42px 20px at 8% 16%,rgba(255,213,0,.26) 0%,rgba(255,213,0,.26) 58%,transparent 61%),
radial-gradient(ellipse 30px 15px at 35% 11%,rgba(255,213,0,.21) 0%,rgba(255,213,0,.21) 58%,transparent 61%),
radial-gradient(ellipse 60px 28px at 91% 13%,rgba(255,213,0,.32) 0%,rgba(255,213,0,.32) 58%,transparent 61%),
radial-gradient(ellipse 34px 17px at 13% 54%,rgba(255,213,0,.20) 0%,rgba(255,213,0,.20) 58%,transparent 61%),
radial-gradient(ellipse 38px 19px at 97% 52%,rgba(255,213,0,.25) 0%,rgba(255,213,0,.25) 58%,transparent 61%),
radial-gradient(ellipse 56px 27px at 10% 85%,rgba(255,213,0,.27) 0%,rgba(255,213,0,.27) 58%,transparent 61%),
radial-gradient(ellipse 31px 16px at 42% 89%,rgba(255,213,0,.19) 0%,rgba(255,213,0,.19) 58%,transparent 61%),
radial-gradient(ellipse 47px 23px at 91% 84%,rgba(255,213,0,.25) 0%,rgba(255,213,0,.25) 58%,transparent 61%),

/* Felle festivalzon met lichte kern en concentrische gloed */
radial-gradient(
circle at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,255,255,.94) 0%,
rgba(255,255,255,.90) 10%,
rgba(255,249,218,.72) 10.5%,
rgba(255,242,185,.57) 15%,
rgba(255,222,128,.42) 15.5%,
rgba(255,207,91,.31) 21%,
rgba(255,191,61,.21) 21.5%,
rgba(255,178,43,.14) 29%,
rgba(255,165,35,.07) 38%,
transparent 52%
),

/* Brede warme gloed */
radial-gradient(
ellipse 54% 88% at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,228,150,.24) 0%,
rgba(255,198,87,.13) 42%,
transparent 70%
),

/* Sunburst achter het product */
repeating-conic-gradient(
from -7deg at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,250,216,.20) 0deg,
rgba(255,250,216,.20) 10deg,
rgba(255,255,255,.065) 10deg,
rgba(255,255,255,.065) 14deg,
transparent 14deg,
transparent 28deg
),

/* Oranje basis */
linear-gradient(
135deg,
#f57416 0%,
var(--color-primary) 44%,
#f26a0d 70%,
#f77919 100%
)!important;

box-shadow:0 18px 40px rgba(90,30,0,.13)
}

/*
   Breedbeeld: koppel de zon aan de vaste contentcontainer.
   Zo schuift de achtergrondbron niet mee met een ultrawide viewport.
*/
@media(min-width:1289px){
.kf-page--week39{
--kf-sun-x:calc(50% + 250px)
}
}

.kf-page--week39 .kf-hero:before,
.kf-page--week39 .kf-hero:after{
display:none
}

.kf-page--week39 .kf-hero-inner{
position:relative;
z-index:2;
min-height:550px;
display:flex;
align-items:center;
gap:40px;
padding:55px 65px 110px
}

/* =========================================================
   HERO-TEKST
   ========================================================= */

.kf-page--week39 .kf-copy{
position:relative;
z-index:5;
width:46%
}

.kf-page--week39 .kf-label{
display:none!important
}

.kf-page--week39 .kf-title{
margin:0;
color:var(--kf-yellow);
font-size:82px;
line-height:.8;
font-weight:1000;
letter-spacing:-5px;
text-transform:uppercase;
text-shadow:3px 3px #fff,6px 6px rgba(135,42,0,.3)
}

.kf-page--week39 .kf-title span{
display:block
}

.kf-page--week39 .kf-campaign-logo-wrap{
position:relative;
display:block!important;
width:440px;
max-width:100%;
height:auto;
aspect-ratio:8113/5445;
margin:0 0 8px;
overflow:hidden
}

.kf-page--week39 .kf-campaign-logo{
position:absolute;
inset:0;
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
object-fit:contain!important;
object-position:left center
}

.kf-page--week39 .kf-intro{
max-width:470px;
margin:30px 0 25px;
color:#fff;
font-size:19px;
line-height:1.45;
font-weight:700
}

.kf-page--week39 .kf-buttons{
display:flex;
flex-wrap:wrap;
gap:10px
}

.kf-page--week39 .kf-button{
display:inline-flex!important;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 21px;
border-radius:10px;
font-size:15px;
font-weight:800;
text-decoration:none!important;
transition:transform .18s ease
}

.kf-page--week39 .kf-button:hover{
transform:translateY(-2px)
}

.kf-page--week39 .kf-button-blue{
background:var(--kf-blue);
color:#fff!important;
box-shadow:0 9px 22px rgba(1,125,240,.25)
}

.kf-page--week39 .kf-button-white{
background:#fff;
color:var(--kf-dark)!important;
box-shadow:0 8px 20px rgba(80,25,0,.1)
}

/* =========================================================
   HERO-VISUAL EN LOSSE STUDIO-ELEMENTEN
   ========================================================= */

.kf-page--week39 .kf-visual{
position:relative;
z-index:4;
width:54%;
height:425px;
min-width:0
}

/* =========================================================
   WEEK 39 — VASTE PRODUCTCOLLAGE
   Geen carrousel, timerindicatie of productslides.
   ========================================================= */

.kf-page--week39 .kf-collage-link{
position:relative;
display:flex!important;
align-items:center;
justify-content:center;
width:100%;
height:100%;
color:inherit!important;
text-decoration:none!important
}

.kf-page--week39 .kf-collage-image{
display:block!important;
width:570px!important;
height:570px!important;
max-width:105%!important;
max-height:134%!important;
object-fit:contain!important;
filter:drop-shadow(0 19px 17px rgba(74,23,0,.17));
transition:transform .24s ease,filter .24s ease
}

.kf-page--week39 .kf-collage-pancake{
position:absolute;
z-index:8;
right:4px;
top:10px;
display:block!important;
width:116px!important;
height:auto!important;
object-fit:contain!important;
filter:drop-shadow(0 9px 10px rgba(0,0,0,.2));
image-rendering:auto;
transform:rotate(4deg);
transition:transform .2s ease
}

.kf-page--week39 .kf-collage-pancake--opop{
display:none!important
}

@media(hover:hover) and (pointer:fine){
.kf-page--week39 .kf-collage-link:hover .kf-collage-image{
transform:translateY(-5px) scale(1.025);
filter:drop-shadow(0 24px 20px rgba(74,23,0,.22))
}

.kf-page--week39 .kf-collage-link:hover .kf-collage-pancake{
transform:rotate(1deg) scale(1.09)
}
}

.kf-page--week39 .kf-product-circle{
display:none!important
}

.kf-page--week39 .kf-product-circle:after{
display:none!important
}

.kf-page--week39 .kf-css-carousel,
.kf-page--week39 .kf-product-slider{
position:relative;
width:100%;
height:425px
}

.kf-page--week39 .kf-product-slider{
z-index:5;
display:block!important;
overflow:hidden!important
}

.kf-page--week39 .kf-product-slide{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
opacity:0;
visibility:hidden;
pointer-events:none;
z-index:1;
transform:translateX(12px) scale(.99);
will-change:opacity,transform;
transition:
opacity .65s ease,
transform .65s ease,
visibility 0s linear .65s
}

.kf-page--week39 .kf-product-slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
z-index:6;
transform:none;
transition:
opacity .65s ease,
transform .65s ease,
visibility 0s linear 0s
}

.kf-page--week39 .kf-product-image-link{
position:absolute;
z-index:5;
left:4px;
top:8px;
width:400px;
height:365px;
display:flex!important;
align-items:center;
justify-content:center;
text-decoration:none!important
}

.kf-page--week39 .kf-product-image{
display:block!important;
width:350px!important;
height:350px!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
filter:
drop-shadow(1px 0 rgba(255,255,255,.58))
drop-shadow(-1px 0 rgba(255,255,255,.58))
drop-shadow(0 1px rgba(255,255,255,.58))
drop-shadow(0 -1px rgba(255,255,255,.58))
drop-shadow(0 17px 15px rgba(74,23,0,.13));
transition:transform .2s ease,filter .2s ease
}

/* Wasmachine: hoger vlak en de ingebakken schaduw geleidelijk laten uitlopen */
.kf-page--week39 .kf-product-image-link--washer{
height:405px;
align-items:flex-start;
overflow:visible!important
}

.kf-page--week39 .kf-product-image--washer{
width:365px!important;
height:365px!important;
max-height:none!important;
clip-path:none;
filter:
drop-shadow(1px 0 rgba(255,255,255,.58))
drop-shadow(-1px 0 rgba(255,255,255,.58))
drop-shadow(0 1px rgba(255,255,255,.58))
drop-shadow(0 -1px rgba(255,255,255,.58))!important;
-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 90%,rgba(0,0,0,.82) 94%,rgba(0,0,0,.35) 97%,transparent 100%);
mask-image:linear-gradient(to bottom,#000 0%,#000 90%,rgba(0,0,0,.82) 94%,rgba(0,0,0,.35) 97%,transparent 100%)
}

.kf-page--week39 .kf-studio-sticker{
position:absolute;
z-index:12;
right:0;
top:17px;
display:block!important;
width:96px!important;
height:96px!important;
object-fit:contain!important;
pointer-events:none;
filter:drop-shadow(0 9px 10px rgba(0,0,0,.17));
transform:rotate(5deg)
}

.kf-page--week39 .kf-price-card-link{
position:absolute;
z-index:15;
right:0;
bottom:3px;
display:block!important;
width:290px;
max-width:46%;
color:inherit!important;
text-decoration:none!important;
transition:transform .18s ease
}

.kf-page--week39 .kf-price-card-link:hover{
transform:translateY(-3px)
}

.kf-page--week39 .kf-price-card-image{
display:block!important;
width:100%!important;
height:auto!important;
max-width:none!important;
object-fit:contain!important;
filter:drop-shadow(0 13px 15px rgba(77,24,0,.16))
}

/* Zichtbare productknop, uitsluitend in de pre-dealsvariant */
.kf-page--predeals .kf-product-cta{
position:absolute;
z-index:24;
left:auto;
right:28px;
bottom:3px;
display:inline-flex!important;
align-items:center;
justify-content:space-between;
gap:12px;
min-width:200px;
min-height:44px;
box-sizing:border-box;
padding:0 15px;
border:2px solid #fff;
border-radius:9px;
background:var(--kf-blue);
color:#fff!important;
box-shadow:0 9px 20px rgba(17,24,39,.2);
font-size:12px;
line-height:1;
font-weight:900;
text-decoration:none!important;
transition:transform .18s ease,box-shadow .18s ease
}

.kf-page--predeals .kf-product-cta:after{
content:"›";
font-size:24px;
line-height:.7;
font-weight:700
}

.kf-page--predeals .kf-product-cta:hover{
transform:translateY(-3px);
box-shadow:0 13px 24px rgba(17,24,39,.25)
}

.kf-page--predeals .kf-product-cta:focus-visible{
outline:3px solid var(--kf-yellow);
outline-offset:3px
}

@media(hover:hover) and (pointer:fine){
.kf-page--predeals .kf-product-slide:has(.kf-price-card-link:hover, .kf-product-cta:hover) .kf-price-card-link,
.kf-page--predeals .kf-product-slide:has(.kf-price-card-link:hover, .kf-product-cta:hover) .kf-product-cta{
transform:translateY(-3px)
}

.kf-page--predeals .kf-product-slide:has(.kf-price-card-link:hover, .kf-product-cta:hover) .kf-product-cta{
box-shadow:0 13px 24px rgba(17,24,39,.25)
}

.kf-page--week39 .kf-product-image-link:hover .kf-product-image{
transform:translateY(-7px) scale(1.055);
filter:
drop-shadow(1px 0 rgba(255,255,255,.72))
drop-shadow(-1px 0 rgba(255,255,255,.72))
drop-shadow(0 1px rgba(255,255,255,.72))
drop-shadow(0 -1px rgba(255,255,255,.72))
drop-shadow(0 23px 18px rgba(74,23,0,.2))
}
}

/* =========================================================
   TIMERINDICATOR VOOR 4 PRODUCTEN
   ========================================================= */

.kf-page--week39 .kf-product-nav{
position:absolute;
z-index:40;
left:50%;
bottom:-43px;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:7px;
padding:8px 11px;
border:1px solid rgba(255,255,255,.18);
border-radius:50px;
background:rgba(17,24,39,.27);
backdrop-filter:blur(5px);
white-space:nowrap;
box-shadow:0 7px 18px rgba(77,24,0,.08)
}

.kf-page--week39 .kf-product-nav-label{
margin-right:3px;
color:#fff;
font-size:9px;
line-height:1;
font-weight:900;
text-transform:uppercase;
letter-spacing:.25px
}

.kf-page--week39 .kf-product-dot{
position:relative;
display:block;
width:42px;
height:8px;
margin:0;
padding:0;
overflow:hidden;
border:0;
border-radius:50px;
background:rgba(255,255,255,.34);
cursor:pointer;
appearance:none;
transition:transform .15s ease,background .15s ease
}

.kf-page--week39 .kf-product-dot:hover{
transform:scaleY(1.3);
background:rgba(255,255,255,.58)
}

.kf-page--week39 .kf-product-dot:focus-visible,
.kf-page--week39 .kf-product-arrow:focus-visible{
outline:2px solid var(--kf-yellow);
outline-offset:3px
}

.kf-page--week39 .kf-product-dot:after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:var(--kf-yellow);
opacity:1;
transform:scaleX(var(--kf-progress,0));
transform-origin:left center;
transition:transform .08s linear
}

.kf-page--week39 .kf-product-arrow{
display:none;
align-items:center;
justify-content:center;
width:34px;
height:34px;
flex:0 0 34px;
margin:0;
padding:0 0 3px;
border:1px solid rgba(255,255,255,.24);
border-radius:50%;
background:rgba(17,24,39,.55);
color:#fff;
font-size:25px;
line-height:1;
font-weight:900;
cursor:pointer;
appearance:none
}

/* =========================================================
   3 CATEGORIEËN + 2 CASHBACKACTIES
   Alle vijf blokken zijn volledig statisch.
   ========================================================= */

.kf-page--week39 .kf-categories{
position:relative;
z-index:20;
margin-top:-42px;
background:transparent!important
}

.kf-page--week39 .kf-category-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px
}

.kf-page--week39 .kf-category{
position:relative;
display:block!important;
color:var(--kf-dark)!important;
text-decoration:none!important;
transition:transform .18s ease
}

.kf-page--week39 .kf-category:hover{
transform:translateY(-3px)
}

.kf-page--week39 .kf-category-card{
position:relative;
min-height:100px;
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 17px;
border:2px solid transparent;
border-radius:17px;
background:#fff;
box-shadow:0 10px 24px rgba(95,31,0,.12);
transition:border-color .18s ease
}

.kf-page--week39 .kf-category:hover .kf-category-card{
border-color:var(--kf-yellow)
}

.kf-page--week39 .kf-category-copy{
min-width:0
}

.kf-page--week39 .kf-category-discount{
display:none!important
}

.kf-page--week39 .kf-category:nth-child(-n+3) .kf-category-card:before,
.kf-page--week39 .kf-category--promo .kf-category-card:before{
content:"20% korting";
position:absolute;
z-index:2;
top:-11px;
left:14px;
display:inline-flex;
align-items:center;
min-height:23px;
padding:0 9px;
border-radius:50px;
background:var(--kf-yellow);
color:var(--kf-dark);
box-shadow:0 4px 10px rgba(95,31,0,.14);
font-size:9px;
line-height:1;
font-weight:1000;
text-transform:uppercase;
white-space:nowrap
}

.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(3) .kf-category-card:before{
content:"Tot 20% korting"
}

.kf-page--week39 .kf-category--promo .kf-category-card:before{
content:"20% korting + cashback"
}

.kf-page--week39 .kf-category small{
display:block!important;
color:var(--kf-orange);
font-size:9px;
font-weight:900;
line-height:1.2;
text-transform:uppercase
}

.kf-page--week39 .kf-category strong{
display:block!important;
color:var(--kf-dark);
font-size:15px;
line-height:1.25;
font-weight:900
}

.kf-page--week39 .kf-category-arrow{
color:var(--kf-orange);
font-size:27px;
line-height:1;
font-weight:900
}

.kf-page--week39 .kf-category--promo .kf-category-card{
border-color:rgba(255,255,255,.18);
color:#fff
}

.kf-page--week39 .kf-category--samsung .kf-category-card{
background:linear-gradient(135deg,#1428a0,#0d1b71)
}

.kf-page--week39 .kf-category--lg .kf-category-card{
background:linear-gradient(135deg,#a50034,#750025)
}

.kf-page--week39 .kf-category--miele .kf-category-card{
background:linear-gradient(135deg,#8c0014,#5f000e)
}

.kf-page--week39 .kf-category--siemens .kf-category-card{
background:linear-gradient(135deg,#009999,#006b6b)
}

.kf-page--week39 .kf-category--promo small{
display:none!important
}

.kf-page--week39 .kf-category--promo strong,
.kf-page--week39 .kf-category--promo .kf-category-arrow{
color:#fff
}

.kf-page--week39 .kf-category--promo .kf-category-arrow{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
flex:0 0 30px;
border-radius:50%;
background:rgba(255,255,255,.14)
}

/* Week 39 cashbacktegels met Studio-sfeerbeeld */
.kf-page--week39 .kf-category--image .kf-category-card{
isolation:isolate;
background:#fff
}

.kf-page--week39 .kf-category-promo-image{
position:absolute;
z-index:0;
inset:0;
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
border-radius:15px;
object-fit:cover!important;
object-position:left center!important;
pointer-events:none
}

.kf-page--week39 .kf-category--image .kf-category-copy,
.kf-page--week39 .kf-category--image .kf-category-arrow{
position:relative;
z-index:3
}

.kf-page--week39 .kf-category--image strong{
color:var(--kf-dark);
text-shadow:0 1px 0 rgba(255,255,255,.8)
}

.kf-page--week39 .kf-category--image .kf-category-arrow{
color:#fff;
background:rgba(17,24,39,.68);
box-shadow:0 4px 10px rgba(17,24,39,.16)
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1050px){
.kf-page--week39 .kf-categories{
margin-top:-56px
}

.kf-page--week39 .kf-category-grid{
display:flex;
gap:10px;
overflow-x:auto;
padding-top:14px;
padding-bottom:8px;
scrollbar-width:none
}

.kf-page--week39 .kf-category-grid::-webkit-scrollbar{
display:none
}

.kf-page--week39 .kf-category{
flex:0 0 205px
}
}

@media(max-width:980px){
.kf-page--week39 .kf-hero-inner{
padding:45px 35px 110px
}

.kf-page--week39 .kf-title{
font-size:64px
}

.kf-page--week39 .kf-copy{
width:44%
}

.kf-page--week39 .kf-visual{
width:56%
}

.kf-page--week39 .kf-product-image-link{
width:340px;
height:340px
}

.kf-page--week39 .kf-product-image{
width:310px!important;
height:310px!important
}

.kf-page--week39 .kf-studio-sticker{
width:82px!important;
height:82px!important
}

.kf-page--week39 .kf-price-card-link{
width:250px
}

.kf-page--predeals .kf-product-cta{
right:35px;
bottom:3px;
min-width:180px
}
}

@media(max-width:767px){
.kf-page--week39{
padding-bottom:34px
}

.kf-page--week39.kf-page--festival:not(.kf-page--week40){
--kf-sun-x:52%;
--kf-sun-y:69%
}

.kf-page--week39 .kf-container{
width:calc(100% - 24px)
}

.kf-page--week39 .kf-hero{
min-height:auto;
border-radius:0 0 22px 22px
}

.kf-page--week39 .kf-hero-inner{
min-height:auto;
flex-direction:column;
align-items:stretch;
gap:20px;
padding:32px 20px 125px
}

.kf-page--predeals{
--kf-sun-x:52%;
--kf-sun-y:68%
}

.kf-page--predeals .kf-hero-inner{
padding-bottom:145px
}

.kf-page--week39 .kf-copy{
width:100%
}

.kf-page--week39 .kf-title{
font-size:51px;
letter-spacing:-3px
}

.kf-page--week39 .kf-intro{
margin:24px 0 22px;
font-size:16px
}

.kf-page--week39 .kf-campaign-logo-wrap{
width:420px;
max-width:100%;
height:auto;
aspect-ratio:8113/5445;
margin:0 0 8px
}

.kf-page--week39 .kf-campaign-logo{
inset:0;
width:100%!important;
height:100%!important
}

.kf-page--week39 .kf-visual,
.kf-page--week39 .kf-css-carousel,
.kf-page--week39 .kf-product-slider{
width:100%;
height:400px
}

.kf-page--week39 .kf-collage-image{
width:440px!important;
height:440px!important;
max-width:122%!important;
max-height:118%!important
}

.kf-page--week39 .kf-collage-pancake{
right:-4px;
top:0;
width:106px!important;
height:auto!important;
transform:none
}

.kf-page--week39 .kf-collage-pancake--opop{
display:block!important;
left:10px;
right:auto;
top:auto;
bottom:54px;
width:88px!important;
height:auto!important
}

.kf-page--week39 .kf-product-slider{
touch-action:pan-y
}

.kf-page--week39 .kf-product-slide{
height:400px!important
}

.kf-page--week39 .kf-product-circle{
width:330px;
height:330px
}

.kf-page--week39 .kf-product-image-link{
left:0;
top:0;
width:100%;
height:275px
}

.kf-page--week39 .kf-product-image{
width:270px!important;
height:270px!important
}

.kf-page--week39 .kf-studio-sticker{
right:4px;
top:5px;
width:72px!important;
height:72px!important
}

.kf-page--week39 .kf-price-card-link{
right:0;
bottom:0;
width:225px;
max-width:78%
}

.kf-page--predeals .kf-price-card-link{
width:205px;
max-width:68%
}

.kf-page--predeals .kf-product-cta{
left:auto;
right:0;
bottom:14px;
min-width:0;
width:170px;
min-height:42px;
padding:0 11px;
font-size:11px
}

.kf-page--week39 .kf-product-nav{
bottom:-42px;
gap:5px;
padding:7px 9px
}

.kf-page--predeals .kf-product-nav{
bottom:-58px
}

.kf-page--week39 .kf-product-nav-label{
margin-right:2px;
font-size:8px
}

.kf-page--week39 .kf-product-dot{
width:28px;
height:6px
}

.kf-page--week39 .kf-product-arrow{
display:flex
}

.kf-page--week39 .kf-categories{
margin-top:-62px
}

.kf-page--week39 .kf-category{
flex-basis:174px
}
}

@media(prefers-reduced-motion:reduce){
.kf-page--week39 .kf-product-slide{
transition:none
}
}

@media(max-width:380px){
.kf-page--week39 .kf-product-nav-label{
display:none
}
}

/* =========================================================
   PRE-DEALS VARIANT
   Dezelfde CSS ondersteunt naast de vijf tegels ook een
   aftelkaart via de wrapperclass .kf-page--predeals.
   ========================================================= */

.kf-page--week39.kf-page--predeals{
padding-bottom:58px;
margin-bottom:32px;
border-radius:0 0 30px 30px;
background:var(--kf-orange)!important
}

.kf-page--week39 .kf-countdown{
position:relative;
z-index:20;
isolation:isolate;
display:grid;
grid-template-columns:minmax(280px,.9fr) minmax(520px,1.1fr);
gap:34px;
align-items:center;
min-height:158px;
margin-top:-52px;
padding:27px 31px;
overflow:hidden;
border:2px solid rgba(255,213,0,.62);
border-radius:22px;
background:#fff;
box-shadow:0 18px 38px rgba(86,27,0,.22)
}

.kf-page--week39 .kf-countdown:before{
content:"";
position:absolute;
z-index:-1;
width:235px;
height:235px;
left:-120px;
bottom:-145px;
border-radius:50%;
background:
repeating-conic-gradient(from 15deg,rgba(236,102,13,.075) 0 9deg,transparent 9deg 27deg),
#fff7f1
}

.kf-page--week39 .kf-countdown:after{
content:"";
position:absolute;
z-index:-1;
width:145px;
height:42px;
right:-24px;
top:10px;
border-radius:50%;
background:rgba(255,213,0,.48);
transform:rotate(-13deg)
}

.kf-page--week39 .kf-countdown-copy,
.kf-page--week39 .kf-countdown-clock{
position:relative;
z-index:2
}

.kf-page--week39 .kf-countdown-eyebrow{
display:inline-flex;
align-items:center;
min-height:26px;
padding:0 10px;
margin-bottom:9px;
border-radius:50px;
background:var(--kf-dark);
color:#fff;
font-size:9px;
font-weight:900;
text-transform:uppercase
}

.kf-page--week39 .kf-countdown-title{
display:block;
margin:0 0 6px;
color:var(--kf-dark);
font-size:23px;
line-height:1.15;
font-weight:1000
}

.kf-page--week39 .kf-countdown-text{
max-width:430px;
margin:0;
color:#555;
font-size:12px;
line-height:1.5
}

.kf-page--week39 .kf-countdown-clock{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}

.kf-page--week39 .kf-countdown-time{
min-height:98px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:14px;
background:var(--kf-dark);
box-shadow:0 8px 18px rgba(17,24,39,.16)
}

.kf-page--week39 .kf-countdown-number{
display:block;
color:#fff;
font-size:37px;
line-height:.95;
font-weight:1000;
font-variant-numeric:tabular-nums
}

.kf-page--week39 .kf-countdown-unit{
display:block;
margin-top:8px;
color:var(--kf-yellow);
font-size:8px;
font-weight:1000;
text-transform:uppercase
}

@media(max-width:980px){
.kf-page--week39 .kf-countdown{
grid-template-columns:1fr;
gap:20px
}
}

@media(max-width:767px){
.kf-page--week39.kf-page--predeals{
padding-bottom:34px;
margin-bottom:24px;
border-radius:0 0 22px 22px
}

.kf-page--week39 .kf-countdown{
display:block;
min-height:0;
margin-top:-48px;
padding:21px 17px 18px;
border-radius:18px
}

.kf-page--week39 .kf-countdown-copy{
margin-bottom:18px
}

.kf-page--week39 .kf-countdown-title{
font-size:19px
}

.kf-page--week39 .kf-countdown-text{
font-size:11px
}

.kf-page--week39 .kf-countdown-clock{
gap:7px
}

.kf-page--week39 .kf-countdown-time{
min-height:74px;
border-radius:10px
}

.kf-page--week39 .kf-countdown-number{
font-size:27px
}

.kf-page--week39 .kf-countdown-unit{
margin-top:6px;
font-size:7px
}
}

/* Grotere knoppen in week 38 en zes categorieblokken in week 40 */
.kf-page--predeals .kf-buttons .kf-button-blue{
min-height:58px;
padding:0 28px;
font-size:18px;
box-shadow:0 10px 22px rgba(0,70,140,.24)
}
.kf-page--predeals .kf-product-cta{
min-height:50px;
font-size:15px;
min-width:220px;
right:18px
}
.kf-page--predeals .kf-countdown:after{
display:none;
content:none
}
.kf-page--week40 .kf-category--aeg .kf-category-card{
background:linear-gradient(135deg,#333,#151515)
}
@media(min-width:1051px){
.kf-page--week40 .kf-category-grid{
grid-template-columns:repeat(6,minmax(0,1fr))
}
.kf-page--week40 .kf-category-card{padding:18px 12px;gap:6px}
.kf-page--week40 .kf-category strong{font-size:13px}
.kf-page--week40 .kf-category-card:before{font-size:8px;left:8px;padding:0 8px}
}
@media(max-width:767px){
.kf-page--predeals .kf-buttons .kf-button-blue{
width:100%;
box-sizing:border-box;
justify-content:center
}
.kf-page--predeals .kf-product-cta{
width:190px;
min-width:0;
min-height:46px;
font-size:13px;
right:0
}
}

/* WEEK 39: losse, klikbare producten boven dezelfde festivalachtergrond */
.kf-page--week39 .kf-interactive-visual{
height:auto;
aspect-ratio:1;
position:relative
}
.kf-page--week39 .kf-product-collage{
position:relative;
width:100%;
height:auto;
aspect-ratio:1;
isolation:isolate
}
.kf-page--week39 .kf-collage-item{
position:absolute;
display:block!important;
z-index:auto;
text-decoration:none!important;
color:#fff!important;

cursor:pointer;
-webkit-tap-highlight-color:transparent
}
.kf-page--week39 .kf-collage-item img{
position:relative;
z-index:1;
transform-origin:center;
transform:scale(1.22);
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:contain;
pointer-events:none;
filter:brightness(1) drop-shadow(0 8px 8px rgba(74,23,0,.14));
transition:transform .2s ease,filter .18s ease
}
.kf-page--week39 .kf-collage-item--laptop{left:10%;top:6%;width:39%;height:36%}
.kf-page--week39 .kf-collage-item--soundbar{left:44%;top:8%;width:49%;height:39%}
.kf-page--week39 .kf-collage-item--tv{left:3%;top:31%;width:58%;height:48%}
.kf-page--week39 .kf-collage-item--headphones{left:60%;top:39%;width:32%;height:34%}
.kf-page--week39 .kf-collage-item--camera{left:35%;top:70%;width:27%;height:26%}
.kf-page--week39 .kf-collage-item--tablet{left:62%;top:69%;width:37%;height:31%}
.kf-page--week39 .kf-collage-action{
position:absolute;
z-index:9;
right:3%;
top:5%;
width:100px;
aspect-ratio:1;
display:block!important
}
.kf-page--week39 .kf-collage-action .kf-collage-pancake{
position:static;
width:100%!important;
height:auto!important
}
.kf-page--week39 .kf-product-collage > .kf-collage-pancake--opop{
pointer-events:none;
left:2%;
bottom:2%;
top:auto;
right:auto
}
.kf-page--week39 .kf-collage-item:focus-visible,
.kf-page--week39 .kf-collage-action:focus-visible{
outline:3px solid #fff;
outline-offset:4px;
border-radius:10px;
z-index:12
}
@media(min-width:768px) and (hover:hover) and (pointer:fine){
/* Alleen dimmen wanneer een product wordt aangewezen, niet boven lege ruimte. */
.kf-page--week39 .kf-product-collage:has(.kf-collage-item:hover) .kf-collage-item:not(:hover):not(:focus-visible) img,
.kf-page--week39 .kf-product-collage:has(.kf-collage-item:focus-visible) .kf-collage-item:not(:hover):not(:focus-visible) img{
filter:brightness(.62) drop-shadow(0 8px 8px rgba(74,23,0,.14))
}

/* Vergroot alleen het beeld: de klikvlakken blijven op hun vaste positie. */
.kf-page--week39 .kf-collage-item:hover img,
.kf-page--week39 .kf-collage-item:focus-visible img{
z-index:12;
transform:translateY(-5px) scale(1.31)
}
.kf-page--week39 .kf-collage-action:hover .kf-collage-pancake,
.kf-page--week39 .kf-collage-action:focus-visible .kf-collage-pancake{
transform:rotate(1deg) scale(1.09)
}
}
@media(max-width:767px){
.kf-page--week39 .kf-interactive-visual{
width:100%;
height:auto;
margin-top:26px;
aspect-ratio:1
}
.kf-page--week39 .kf-product-collage{aspect-ratio:1}
.kf-page--week39 .kf-collage-action{width:76px;right:0;top:3%}
.kf-page--week39 .kf-product-collage > .kf-collage-pancake--opop{width:70px!important}
}
@media(prefers-reduced-motion:reduce){
.kf-page--week39 .kf-collage-item,
.kf-page--week39 .kf-collage-item img,
.kf-page--week39 .kf-collage-action .kf-collage-pancake{transition:none}
}

/* Desktop: minder lege klikruimte onder de koptelefoon richting camera.
   De afbeelding behoudt dezelfde zichtbare afmetingen (34 / 29). */
@media(min-width:768px) and (hover:hover) and (pointer:fine){
.kf-page--week39 .kf-collage-item--headphones{
height:29%
}
.kf-page--week39 .kf-collage-item--headphones img{
height:117.241379%!important;
max-height:none!important
}
}

/* WEEK 40: compacte collage van zes afzonderlijk klikbare producten.
   Klikvlakken blijven vast; alleen de afbeelding wordt vergroot bij hover. */
.kf-page--week40 .kf-collage-item--fridge{
left:5%;top:8%;width:33%;height:59%
}
.kf-page--week40 .kf-collage-item--microwave{
left:37%;top:10%;width:43%;height:33%
}
.kf-page--week40 .kf-collage-item--shaver{
left:77%;top:38%;width:22%;height:31%
}
.kf-page--week40 .kf-collage-item--washer{
left:36%;top:40%;width:39%;height:41%
}
.kf-page--week40 .kf-collage-item--vacuum{
left:6%;top:65%;width:39%;height:35%
}
.kf-page--week40 .kf-collage-item--airfryer{
left:64%;top:71%;width:34%;height:30%
}
.kf-page--week40 .kf-collage-action{
right:4%;top:17%
}
@media(max-width:767px){
.kf-page--week40 .kf-collage-action{width:66px;right:4%;top:17%}
}

/* WEEK 38: één doorlopend festivaldecor achter hero én aftelkaart. */
.kf-page--week39.kf-page--predeals{
--kf-sun-y:42%;
background:

/* Gele festivalvormen */
radial-gradient(ellipse 42px 20px at 8% 16%,rgba(255,213,0,.26) 0%,rgba(255,213,0,.26) 58%,transparent 61%),
radial-gradient(ellipse 30px 15px at 35% 11%,rgba(255,213,0,.21) 0%,rgba(255,213,0,.21) 58%,transparent 61%),
radial-gradient(ellipse 60px 28px at 91% 13%,rgba(255,213,0,.32) 0%,rgba(255,213,0,.32) 58%,transparent 61%),
radial-gradient(ellipse 34px 17px at 13% 54%,rgba(255,213,0,.20) 0%,rgba(255,213,0,.20) 58%,transparent 61%),
radial-gradient(ellipse 38px 19px at 97% 52%,rgba(255,213,0,.25) 0%,rgba(255,213,0,.25) 58%,transparent 61%),
radial-gradient(ellipse 56px 27px at 10% 85%,rgba(255,213,0,.27) 0%,rgba(255,213,0,.27) 58%,transparent 61%),
radial-gradient(ellipse 31px 16px at 42% 89%,rgba(255,213,0,.19) 0%,rgba(255,213,0,.19) 58%,transparent 61%),
radial-gradient(ellipse 47px 23px at 91% 84%,rgba(255,213,0,.25) 0%,rgba(255,213,0,.25) 58%,transparent 61%),

/* Felle festivalzon met lichte kern en concentrische gloed */
radial-gradient(
circle at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,255,255,.94) 0%,
rgba(255,255,255,.90) 10%,
rgba(255,249,218,.72) 10.5%,
rgba(255,242,185,.57) 15%,
rgba(255,222,128,.42) 15.5%,
rgba(255,207,91,.31) 21%,
rgba(255,191,61,.21) 21.5%,
rgba(255,178,43,.14) 29%,
rgba(255,165,35,.07) 38%,
transparent 52%
),

/* Brede warme gloed */
radial-gradient(
ellipse 54% 88% at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,228,150,.24) 0%,
rgba(255,198,87,.13) 42%,
transparent 70%
),

/* Sunburst achter het product */
repeating-conic-gradient(
from -7deg at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,250,216,.20) 0deg,
rgba(255,250,216,.20) 10deg,
rgba(255,255,255,.065) 10deg,
rgba(255,255,255,.065) 14deg,
transparent 14deg,
transparent 28deg
),

/* Oranje basis */
linear-gradient(
135deg,
#f57416 0%,
var(--color-primary) 44%,
#f26a0d 70%,
#f77919 100%
)!important;
}
.kf-page--week39.kf-page--predeals .kf-hero{
background:transparent!important;
border-radius:0;
box-shadow:none
}
@media(max-width:767px){
.kf-page--week39.kf-page--predeals{
--kf-sun-y:59%
}
}

/* Week 40: koel-vriescombinatie extra groot, met vast klikvlak. */
.kf-page--week40 .kf-collage-item--fridge img{
transform:scale(1.541)
}
@media(min-width:768px) and (hover:hover) and (pointer:fine){
.kf-page--week40 .kf-collage-item--fridge:hover img,
.kf-page--week40 .kf-collage-item--fridge:focus-visible img{
transform:translateY(-5px) scale(1.656)
}
}

/* Week 39: klikvlakken stoppen eerder boven de tv.
   Afbeeldingen behouden hun oorspronkelijke hoogte (36/27 en 39/28). */
@media(min-width:768px) and (hover:hover) and (pointer:fine){
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--laptop{
height:27%
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--laptop img{
height:133.333333%!important;
max-height:none!important
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--soundbar{
height:28%
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--soundbar img{
height:139.285714%!important;
max-height:none!important
}
}

/* De Profiteer nu-pancake reageert mee met ieder collageproduct. */
@media(min-width:768px) and (hover:hover) and (pointer:fine){
.kf-page--week39 .kf-product-collage:has(.kf-collage-item:hover, .kf-collage-item:focus-visible) .kf-collage-action .kf-collage-pancake{
transform:rotate(1deg) scale(1.09)
}
}

/* Week 38: vier klikbare onderdelen vormen samen één hovergroep. */
.kf-page--predeals .kf-studio-sticker{
right:52px;
top:48px;
pointer-events:auto;
transition:transform .2s ease
}
.kf-page--predeals .kf-studio-sticker img{
display:block;
width:100%!important;
height:100%!important;
object-fit:contain
}
.kf-page--predeals .kf-studio-sticker:focus-visible{
outline:3px solid var(--kf-yellow);
outline-offset:3px;
border-radius:50%
}
@media(max-width:767px){
.kf-page--predeals .kf-studio-sticker{
right:28px;
top:27px
}
}
@media(hover:hover) and (pointer:fine){
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:hover, .kf-price-card-link:hover, .kf-product-cta:hover, .kf-studio-sticker:hover) .kf-product-image{
transform:translateY(-7px) scale(1.055);
filter:drop-shadow(1px 0 rgba(255,255,255,.72)) drop-shadow(-1px 0 rgba(255,255,255,.72)) drop-shadow(0 1px rgba(255,255,255,.72)) drop-shadow(0 -1px rgba(255,255,255,.72)) drop-shadow(0 23px 18px rgba(74,23,0,.2))
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:hover, .kf-price-card-link:hover, .kf-product-cta:hover, .kf-studio-sticker:hover) .kf-price-card-link,
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:hover, .kf-price-card-link:hover, .kf-product-cta:hover, .kf-studio-sticker:hover) .kf-product-cta{
transform:translateY(-3px)
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:hover, .kf-price-card-link:hover, .kf-product-cta:hover, .kf-studio-sticker:hover) .kf-product-cta{
box-shadow:0 13px 24px rgba(17,24,39,.25)
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:hover, .kf-price-card-link:hover, .kf-product-cta:hover, .kf-studio-sticker:hover) .kf-studio-sticker{
transform:rotate(1deg) scale(1.09)
}
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:focus-visible, .kf-price-card-link:focus-visible, .kf-product-cta:focus-visible, .kf-studio-sticker:focus-visible) .kf-product-image{
transform:translateY(-7px) scale(1.055);
filter:drop-shadow(1px 0 rgba(255,255,255,.72)) drop-shadow(-1px 0 rgba(255,255,255,.72)) drop-shadow(0 1px rgba(255,255,255,.72)) drop-shadow(0 -1px rgba(255,255,255,.72)) drop-shadow(0 23px 18px rgba(74,23,0,.2))
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:focus-visible, .kf-price-card-link:focus-visible, .kf-product-cta:focus-visible, .kf-studio-sticker:focus-visible) .kf-price-card-link,
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:focus-visible, .kf-price-card-link:focus-visible, .kf-product-cta:focus-visible, .kf-studio-sticker:focus-visible) .kf-product-cta{
transform:translateY(-3px)
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:focus-visible, .kf-price-card-link:focus-visible, .kf-product-cta:focus-visible, .kf-studio-sticker:focus-visible) .kf-product-cta{
box-shadow:0 13px 24px rgba(17,24,39,.25)
}
.kf-page--predeals .kf-product-slide:has(.kf-product-image-link:focus-visible, .kf-price-card-link:focus-visible, .kf-product-cta:focus-visible, .kf-studio-sticker:focus-visible) .kf-studio-sticker{
transform:rotate(1deg) scale(1.09)
}
@media(prefers-reduced-motion:reduce){
.kf-page--predeals .kf-studio-sticker{
transition:none
}
}

/* Alleen mobiel, week 38: vrije ruimte voor prijs, productknop en navigatie. */
@media(max-width:767px){
.kf-page--predeals .kf-visual,
.kf-page--predeals .kf-css-carousel,
.kf-page--predeals .kf-product-slider,
.kf-page--predeals .kf-product-slide{
height:440px!important
}
.kf-page--predeals .kf-price-card-link{
bottom:40px
}
.kf-page--predeals .kf-product-cta{
bottom:0;
min-height:46px
}
.kf-page--predeals .kf-product-nav{
bottom:-62px;
width:min(100%,320px);
gap:6px;
padding:8px;
background:rgba(64,30,12,.78)
}
.kf-page--predeals .kf-product-nav-label{
display:block!important;
flex:0 0 auto;
font-size:12px;
line-height:1.2;
font-weight:800;
letter-spacing:0;
margin-right:2px;
color:#fff
}
.kf-page--predeals .kf-product-dot{
flex:1 1 20px;
width:auto;
min-width:10px;
height:7px
}
}

/* WEEK 39: categoriebeelden. Week 38 en 40 behouden hun eigen opmaak. */
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category-card{
min-height:100px
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-card{
align-items:center;
padding:18px 14px;
isolation:isolate
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-card:after{
content:"";
position:absolute;
inset:0;
z-index:0;
background-image:var(--kf-category-art);
background-repeat:no-repeat;
background-position:right center;
background-size:contain;
pointer-events:none;
border-radius:10px
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) small{
display:none
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-arrow{
line-height:1
}
/* De desktop-pancake rechtsboven vrij van soundbar en subwoofer. */
@media(min-width:768px){
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-collage-action{
right:-5%;
top:-5%;
width:116px
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-product-collage > .kf-collage-pancake--opop{
left:-4%;
bottom:3%;
width:130px!important
}
}
@media(min-width:768px) and (max-width:980px){
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-collage-action{
right:0;
top:-6%;
width:100px
}
}

/* Tekst naast het rechts uitgelijnde productbeeld. */
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-copy{
position:relative;
z-index:1
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-arrow{
display:none
}

/* Week 39: tekst dichter bij de producten en een boventitel bij Multimedia. */
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-card{
padding-left:clamp(22px,14%,36px)
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(3) .kf-category-copy:not(:has(small)):before{
content:"Computers & tablets";
display:block;
margin-bottom:2px;
color:var(--color-primary);
font-size:9px;
font-weight:900;
line-height:1.2;
text-transform:uppercase
}
@media(max-width:767px){
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(-n+3) .kf-category-card{
padding-left:22px
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--predeals) .kf-category:nth-child(3) .kf-category-copy:not(:has(small)):before{
font-size:8px
}
}

/* WEEK 38: compacte hero met afteller binnen de tekstkolom. */
.kf-page--week39.kf-page--predeals{
padding-bottom:0
}
.kf-page--predeals .kf-hero{
min-height:0
}
.kf-page--predeals .kf-hero-inner{
min-height:0;
padding:20px 24px;
gap:28px
}
.kf-page--predeals .kf-campaign-logo-wrap{
width:250px;
margin:0 0 10px
}
.kf-page--predeals .kf-intro{
margin:10px 0 14px;
font-size:15px;
line-height:1.45
}
.kf-page--predeals .kf-buttons .kf-button-blue{
min-height:46px;
padding:0 20px;
font-size:16px
}
.kf-page--predeals .kf-countdown--inline{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px 14px;
width:100%;
max-width:420px;
min-height:0;
margin:14px 0 0;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
overflow:visible
}
.kf-page--predeals .kf-countdown--inline:before,
.kf-page--predeals .kf-countdown--inline:after{
content:none;
display:none
}
.kf-page--predeals .kf-countdown--inline .kf-countdown-title{
margin:0;
max-width:125px;
color:#fff;
font-size:13px;
line-height:1.3
}
.kf-page--predeals .kf-countdown--inline .kf-countdown-clock{
flex:0 0 198px;
width:198px;
gap:6px
}
.kf-page--predeals .kf-countdown--inline .kf-countdown-time{
min-height:52px;
padding:7px 5px;
border-radius:8px;
box-shadow:none
}
.kf-page--predeals .kf-countdown--inline .kf-countdown-number{
font-size:23px;
line-height:1
}
.kf-page--predeals .kf-countdown--inline .kf-countdown-unit{
margin-top:4px;
font-size:8px
}
/* Desktop: oorspronkelijke beeldformaten; hero eindigt vlak onder de inhoud. */
@media(min-width:768px){
.kf-page--predeals .kf-hero-inner{
align-items:flex-end;
padding:20px 24px 12px
}
.kf-page--predeals .kf-copy{width:46%;min-width:0}
.kf-page--predeals .kf-campaign-logo-wrap{width:440px}
.kf-page--predeals .kf-intro{font-size:16px}
.kf-page--predeals .kf-buttons .kf-button-blue{
min-height:58px;
padding:0 28px;
font-size:18px
}
.kf-page--predeals .kf-visual{height:463px}
.kf-page--predeals .kf-css-carousel,
.kf-page--predeals .kf-product-slider,
.kf-page--predeals .kf-product-slide{height:425px!important}
.kf-page--predeals .kf-product-image-link{
left:4px;
top:8px;
width:400px;
max-width:76%;
height:365px
}
.kf-page--predeals .kf-product-image{
width:350px!important;
height:350px!important;
max-width:100%!important;
object-fit:contain!important
}
.kf-page--predeals .kf-product-image-link--washer{height:405px}
.kf-page--predeals .kf-product-image--washer{
width:365px!important;
height:365px!important
}
.kf-page--predeals .kf-price-card-link{
right:0;
bottom:32px;
width:290px;
max-width:46%
}
.kf-page--predeals .kf-product-cta{
right:0;
bottom:0;
width:260px;
max-width:46%;
min-width:0;
min-height:50px;
padding:7px 12px;
font-size:15px
}
.kf-page--predeals .kf-studio-sticker{
right:52px;
top:48px;
width:96px!important;
height:96px!important
}
.kf-page--predeals .kf-product-nav{bottom:-38px}
}
@media(max-width:767px){
.kf-page--predeals .kf-hero-inner{
padding:20px 12px 82px;
gap:18px
}
.kf-page--predeals .kf-campaign-logo-wrap{
width:200px
}
.kf-page--predeals .kf-intro{
font-size:14px
}
.kf-page--predeals .kf-countdown--inline{
gap:8px
}
.kf-page--predeals .kf-countdown--inline .kf-countdown-title{
max-width:none;
flex-basis:100%
}
}

/* Pre-deals: OP=OP circa 15% groter. */
.kf-page--predeals .kf-studio-sticker{
width:110px!important;
height:110px!important
}
@media(max-width:767px){
.kf-page--predeals .kf-studio-sticker{
width:83px!important;
height:83px!important
}
}


/* De hero zit hier in een sectie die al de volle paginabreedte heeft. */
.kf-page--week39{width:100%;margin-left:0}