/* ==========================================================================
   Nootje — "strak" (september 2026)
   Verfijning van de bestaande huisstijl. Alle regels hangen onder html.nj-strak,
   die class wordt gezet door plugins/nootje-functies/includes/nootje-strak.php.
   Configurators (mix/cadeautas) worden inhoudelijk niet aangeraakt; alleen de
   gedeelde header krijgt daar dezelfde stijl.
   ========================================================================== */

/* Lettertype: bewust ongewijzigd (systeemletter). Figtree staat klaar in fonts/, maar de
   systeemletter is in ~20 regels verspreid over 6 stylesheets hard vastgelegd; eerst opschonen. */

/* ---------- 2. Header: lichte categoriebalk i.p.v. navy ---------- */
@media(min-width:901px){
  html.nj-strak nav.njcatbalk{background:#F7F3EC!important;border-top:1px solid #E2D5C3;border-bottom:1px solid #E2D5C3}
  html.nj-strak nav.njcatbalk .njcatbalk-in a{color:#251508!important;font-weight:600!important;letter-spacing:0}
  html.nj-strak nav.njcatbalk .njcatbalk-in a:hover,
  html.nj-strak nav.njcatbalk .njcatbalk-in a.actief,
  html.nj-strak nav.njcatbalk .njcat-wrap:hover>a,
  html.nj-strak nav.njcatbalk .njcat-wrap.open>a{color:#8F5A1E!important;border-bottom-color:#BC7C36!important}
  html.nj-strak nav.njcatbalk .njcat-menuknop{color:#1A2947!important;border-right-color:#E2D5C3!important}
  html.nj-strak nav.njcatbalk .njcat-menuknop:hover{color:#8F5A1E!important}
  html.nj-strak nav.njcatbalk .njcat-pijl{color:#7A6150!important}
  html.nj-strak nav.njcatbalk .njcat-wrap:hover .njcat-pijl,
  html.nj-strak nav.njcatbalk .njcat-wrap.open .njcat-pijl{color:#8F5A1E!important}
  html.nj-strak nav.njcatbalk .njcatbalk-in a:focus-visible{outline:3px solid #1A2947!important;outline-offset:-3px}
  /* uitklapmenu's houden hun eigen (witte) stijl */
  html.nj-strak nav.njcatbalk .njcat-menu a{color:#1A2947!important;border-bottom:0!important}
  html.nj-strak nav.njcatbalk .njcat-menu a.njcat-bouw{color:#8F5A1E!important}
}

/* Mobiel: zoekveld in de header nooit tegen de rand */
@media(max-width:900px){
  html.nj-strak header .wrap.nav{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
  html.nj-strak header .wrap.nav form.mzoek2{box-sizing:border-box;max-width:100%}
}

/* ---------- 3. Beloftebalk homepage: stil in plaats van lopend ---------- */
html.nj-strak body.nh .marquee{padding:11px 16px!important;overflow:hidden}
html.nj-strak body.nh .marquee .mtrack{animation:none!important;transform:none!important;width:auto!important;display:flex!important;justify-content:center;align-items:center;font-size:0!important;gap:0!important;white-space:nowrap}
html.nj-strak body.nh .marquee .mtrack span{font-size:12px;margin:0!important;padding:0!important}
html.nj-strak body.nh .marquee .mtrack span:nth-of-type(n+4){display:none!important}
html.nj-strak body.nh .marquee .mtrack span+span::before{content:"\00B7";margin:0 18px;color:#BC7C36}
@media(max-width:760px){
  html.nj-strak body.nh .marquee .mtrack span:nth-of-type(n+2){display:none!important}
}

/* ---------- 4. Knoppen: één systeem ---------- */
html.nj-strak body.nh .btn,
html.nj-strak body.nj.woocommerce .njs .btn{min-height:48px;padding:0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;letter-spacing:0;box-shadow:none!important;box-sizing:border-box}
html.nj-strak body.nh .btn-navy{background:#1A2947!important;color:#FFFFFF!important;border:1.5px solid #1A2947!important}
html.nj-strak body.nh .btn-navy:hover{background:#111D33!important;border-color:#111D33!important}
html.nj-strak body.nh .btn-ghost{background:transparent!important;color:#1A2947!important;border:1.5px solid #1A2947!important}
html.nj-strak body.nh .btn-ghost:hover{background:#1A2947!important;color:#FFFFFF!important}

/* ---------- 5. Productkaarten: geen kader, foto op zandvlak ---------- */
html.nj-strak body.nh .grid .card,
html.nj-strak body.woocommerce .njs .grid .card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;transform:none!important}
html.nj-strak body.nh .grid .card .ph,
html.nj-strak body.woocommerce .njs .grid .card .ph{background:transparent!important;border-radius:0!important;border:0!important;margin:0 0 14px!important;display:flex!important;align-items:center;justify-content:center;aspect-ratio:1/1;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;overflow:hidden;padding:10%!important;box-sizing:border-box}
html.nj-strak body.nh .grid .card .ph img,
html.nj-strak body.woocommerce .njs .grid .card .ph img{mix-blend-mode:multiply;filter:brightness(1.08);width:100%!important;height:100%!important;object-fit:contain!important;transition:transform .35s ease;max-height:none!important}
html.nj-strak body.nh .grid .card:hover .ph img,
html.nj-strak body.woocommerce .njs .grid .card:hover .ph img{transform:scale(1.04)}
html.nj-strak body.nh .grid .card .cat,
html.nj-strak body.woocommerce .njs .grid .card .cat{font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase;color:#8F5A1E!important;margin:0 0 6px!important}
html.nj-strak body.nh .grid .card h3,
html.nj-strak body.woocommerce .njs .grid .card h3{font-family:var(--serif,'Lora',serif)!important;font-weight:500!important;font-size:19px!important;line-height:1.3!important;color:#1A2947!important;margin:0 0 10px!important}
html.nj-strak body.woocommerce .njs .grid .card h3 a{color:inherit!important;text-decoration:none}

/* homepage-kaarten: menucategorie als label, 250 g-prijs, rustige 'Bekijk' */
html.nj-strak body.nh .grid .card .cat .nj-nieuw{display:inline!important}
html.nj-strak body.nh .grid .card .cat:has(.nj-nieuw) .nj-oud{display:none!important}
html.nj-strak body.nh .grid .card .price.nj-heeft250 .nj-oud{display:none!important}
html.nj-strak body.nh .grid .card .price.nj-heeft250 .nj-nieuw{display:inline!important}
html.nj-strak body.nh .grid .card .price .nj-gw{font-weight:400;color:#7A6150;font-size:.88em}
html.nj-strak body.nh .grid .card .cardfoot{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:0!important;border:0!important}
html.nj-strak body.nh .grid .card .price{font-weight:600!important;color:#1A2947!important;font-size:16px!important}
html.nj-strak body.nh .grid .card .add{background:transparent!important;color:#1A2947!important;border:1.5px solid #1A2947!important;border-radius:999px!important;height:38px;padding:0 16px!important;display:inline-flex!important;align-items:center;font-size:14px!important;font-weight:600!important;box-shadow:none!important;white-space:nowrap}
html.nj-strak body.nh .grid .card:hover .add{background:#1A2947!important;color:#FFFFFF!important}

@media(max-width:600px){
  html.nj-strak body.nh .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important}
  html.nj-strak body.nh .grid .card h3{font-size:16px!important}
  html.nj-strak body.nh .grid .card .price{font-size:15px!important}
  html.nj-strak body.nh .grid .card .add{display:none!important}
}

/* categoriekaarten: snel bestellen blijft, maar lichter */
html.nj-strak body.woocommerce .njs .grid .card .qv-add{background:transparent!important;color:#1A2947!important;border:1.5px solid #1A2947!important;box-shadow:none!important;font-weight:600!important;border-radius:999px!important}
html.nj-strak body.woocommerce .njs .grid .card .qv-add:hover,
html.nj-strak body.woocommerce .njs .grid .card .qv-add:focus-visible{background:#1A2947!important;color:#FFFFFF!important}
html.nj-strak body.woocommerce .njs .grid .card .qv-pil{border-radius:999px!important}
html.nj-strak body.woocommerce .njs .grid .card .qv-pil.aan{background:#1A2947!important;color:#FFFFFF!important;border-color:#1A2947!important}
html.nj-strak body.woocommerce .njs .grid .card .nj-qty.kaart{border-radius:999px!important;border-color:#E2D5C3!important;background:#FFFFFF!important}
html.nj-strak body.woocommerce .njs .grid .card .prijs{color:#1A2947!important;font-weight:600!important}

/* ---------- 6. Witruimte homepage ---------- */
html.nj-strak body.nh section.makers + section{padding-top:clamp(72px,9vw,120px)!important}
html.nj-strak body.nh .sechead{margin-bottom:40px!important}
html.nj-strak body.nh .sechead .eyebrow{margin-bottom:14px!important}

/* 'Wist je dat' in de hero: licht in plaats van een navy blok */
html.nj-strak body.nh .hero .weetje{background:transparent!important;border:1px solid #E2D5C3!important;box-shadow:none!important;color:#251508!important}
html.nj-strak body.nh .hero .weetje .w-tekst,html.nj-strak body.nh .hero .weetje #weetje-tekst{color:#251508!important}
html.nj-strak body.nh .hero .weetje .w-tekst b{color:#8F5A1E!important}
html.nj-strak body.nh .hero .weetje .w-pijl{color:#1A2947!important;border-color:#BC7C36!important}

/* smaaktegels zonder kader */
html.nj-strak body.nh .taster .taste{background:transparent!important;border:0!important;box-shadow:none!important}

/* notengids op de homepage: drie kaarten + link naar de hele gids */
html.nj-strak body.nh #gids-sectie .gids-grid > .nut-card:nth-child(n+4){display:none!important}
html.nj-strak body.nh #gids-sectie .nj-gids-alle{display:flex;justify-content:center;margin-top:36px}
html.nj-strak body.nh #gids-sectie .nut-card{box-shadow:none!important;border:1px solid #E2D5C3!important}
html.nj-strak body.nh #gids-sectie .no1{background:#F7F3EC!important;color:#8F5A1E!important;border:1px solid #E2D5C3}

/* reviews zonder kaders */
html.nj-strak body.nh .revgrid{gap:40px!important}
html.nj-strak body.nh .revgrid .rev{background:transparent!important;border:0!important;border-top:1px solid #BC7C36!important;border-radius:0!important;box-shadow:none!important;padding:24px 0 0!important}
html.nj-strak body.nh .revgrid .rev p{font-family:var(--serif,'Lora',serif)!important;font-style:italic;font-size:18px!important;line-height:1.5!important;color:#1A2947!important}

/* ---------- 7. Categoriepagina ---------- */
@media(max-width:900px){
  /* dubbel zoekveld weg: de header heeft er al een */
  html.nj-strak body.woocommerce.archive .njs .shoptools{display:none!important}
  /* bereiding + sorteren achter de knop 'Filter' (knop komt uit strak.js) */
  html.nj-strak body.woocommerce.archive .njs .njfilter.nj-inklap{display:none!important}
  html.nj-strak body.woocommerce.archive .njs .njfilter.nj-inklap.open{display:block!important}
}
@media(max-width:600px){
  html.nj-strak body.woocommerce .njs .grid .card h3{font-size:16px!important}
  html.nj-strak body.woocommerce .njs .grid .card .ph{padding:8%!important}
}
html.nj-strak .nj-filterknop{display:none}
@media(max-width:900px){
  html.nj-strak .nj-filterbalk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;padding:10px 0;border-top:1px solid #E2D5C3}
  html.nj-strak .nj-filterknop{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #1A2947;background:transparent;color:#1A2947;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}
  html.nj-strak .nj-filterknop[aria-expanded="true"]{background:#1A2947;color:#FFFFFF}
  html.nj-strak .nj-filterknop svg{width:16px;height:16px}
  html.nj-strak .nj-filterbalk .nj-telling{margin:0!important}
}
html.nj-strak body.woocommerce.archive .njs .chip.on,
html.nj-strak body.woocommerce.archive .njs .chip2.on{background:#1A2947!important;color:#FFFFFF!important;border-color:#1A2947!important}

/* ---------- 8. Productpagina ---------- */
html.nj-strak body.single-product .pimg{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html.nj-strak body.single-product .pimg img{mix-blend-mode:multiply}
html.nj-strak body.single-product .pgrid .cat{color:#8F5A1E!important}
html.nj-strak body.single-product h1{font-weight:500!important}

/* 'Wissen' bij de gewichtskeuze weg */
html.nj-strak body.single-product .variations .reset_variations{display:none!important}

/* aantal en knop even hoog, zelfde vorm */
html.nj-strak body.single-product .variations_button{display:flex!important;align-items:stretch;gap:12px;flex-wrap:nowrap}
html.nj-strak body.single-product .variations_button .quantity{flex:0 0 auto;margin:0!important}
html.nj-strak body.single-product .variations_button .quantity input.qty{height:52px!important;min-height:52px!important;width:84px!important;border-radius:999px!important;border:1px solid #E2D5C3!important;background:#FFFFFF!important;text-align:center;font-weight:600;font-size:16px!important;box-sizing:border-box;padding:0 8px!important}
html.nj-strak body.single-product .variations_button .single_add_to_cart_button{height:52px!important;min-height:52px!important;flex:1 1 auto;border-radius:999px!important;background:#1A2947!important;color:#FFFFFF!important;border:0!important;font-weight:600!important;font-size:15px!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;margin:0!important}
html.nj-strak body.single-product .variations_button .single_add_to_cart_button:hover{background:#111D33!important}
html.nj-strak body.single-product .variations_button .single_add_to_cart_button{white-space:nowrap;padding:0 16px!important}
@media(max-width:600px){
  html.nj-strak body.single-product .variations_button .quantity input.qty{width:68px!important}
  html.nj-strak body.single-product .variations_button .single_add_to_cart_button{font-size:14px!important;padding:0 10px!important}
}
html.nj-strak body.single-product .pprice .njbedrag{font-weight:600!important;color:#1A2947!important;letter-spacing:-.01em}
html.nj-strak body.single-product .pprice .njkg{color:#7A6150!important}
html.nj-strak body.single-product .njvp button.aan{background:#1A2947!important;color:#FFFFFF!important;border-color:#1A2947!important}
html.nj-strak body.single-product .njvp button.aan small{color:#E9E2D6!important}

/* sticky balk: dezelfde navy knop als de hoofdknop */
html.nj-strak #nj-plak{background:#FFFFFF!important;border-top:1px solid #E2D5C3!important;box-shadow:0 -8px 24px rgba(26,41,71,.08)!important}
html.nj-strak #nj-plak .t{color:#1A2947!important}
html.nj-strak #nj-plak .pr{color:#1A2947!important;font-weight:600}
html.nj-strak #nj-plak #nj-plak-knop{background:#1A2947!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;font-weight:600!important;min-height:44px}
html.nj-strak #nj-plak #nj-plak-knop:hover{background:#111D33!important}

/* voedingsblok: rustig, zonder groene balken */
html.nj-strak body.single-product .njpi .badges span{background:#F7F3EC!important;color:#1A2947!important;border:1px solid #E2D5C3!important}
html.nj-strak body.single-product .njpi .bar{background:#EDE6D8!important;height:4px!important;border-radius:2px!important}
html.nj-strak body.single-product .njpi .bar i{background:#8F5A1E!important;border-radius:2px!important}
html.nj-strak body.single-product .njpi .pct{color:#1A2947!important}

/* reviews: geen grijs avatar, geen WordPress-cookiezin, formulier achter een knop */
html.nj-strak body.single-product .njrev .avatar{display:none!important}
html.nj-strak body.single-product .njrev .commentlist .comment_container{padding-left:0!important}
html.nj-strak body.single-product .njrev .commentlist .comment-text{margin-left:0!important;border-radius:14px!important}
html.nj-strak body.single-product .njrev .comment-form-cookies-consent{display:none!important}
html.nj-strak body.single-product .njrev .star-rating,html.nj-strak body.single-product .njrev .star-rating *{color:#8F5A1E!important}
html.nj-strak body.single-product .njrev #review_form_wrapper.nj-dicht{display:none!important}
html.nj-strak .nj-reviewknop{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;border:1.5px solid #1A2947;background:transparent;color:#1A2947;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;margin:12px 0 8px}
html.nj-strak .nj-reviewknop:hover{background:#1A2947;color:#FFFFFF}
html.nj-strak body.single-product .njrev #respond input#submit{background:#1A2947!important;color:#FFFFFF!important;border-radius:999px!important;min-height:48px;padding:0 28px!important;font-weight:600!important;border:0!important}

/* gerelateerde producten: zelfde kaart als in de shop */
html.nj-strak body.single-product section.related ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0!important;padding:0!important}
html.nj-strak body.single-product section.related ul.products::before,html.nj-strak body.single-product section.related ul.products::after{display:none!important;content:none!important}
@media(max-width:900px){html.nj-strak body.single-product section.related ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}
html.nj-strak body.single-product section.related ul.products li.product .star-rating{display:none!important}
html.nj-strak body.single-product section.related ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;text-align:left!important}
html.nj-strak body.single-product section.related ul.products li.product a.woocommerce-LoopProduct-link{display:flex!important;flex-direction:column;align-items:stretch!important;width:100%!important;text-decoration:none}
html.nj-strak body.single-product section.related ul.products li.product .nj-ph{width:100%!important;max-width:none!important}
html.nj-strak body.single-product section.related ul.products li.product .nj-ph{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;aspect-ratio:1/1;padding:12%;box-sizing:border-box;margin:0 0 14px;overflow:hidden}
html.nj-strak body.single-product section.related ul.products li.product .nj-ph img{mix-blend-mode:multiply;filter:brightness(1.08);max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
html.nj-strak body.single-product section.related ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif,'Lora',serif)!important;font-weight:500!important;font-size:18px!important;line-height:1.3!important;color:#1A2947!important;padding:0!important;margin:0 0 6px!important;text-align:left!important}
html.nj-strak body.single-product section.related ul.products li.product .price{color:#1A2947!important;font-weight:600!important;font-size:15px!important;text-align:left!important;display:block}
html.nj-strak body.single-product section.related ul.products li.product .button,
html.nj-strak body.single-product section.related ul.products li.product .added_to_cart{display:none!important}

/* gewicht achter de prijs (homepage, gerelateerd, vaak samen gekocht) */
html.nj-strak .nj-gw{font-weight:400!important;color:#7A6150!important;font-size:.88em}

/* gewichtskeuze op mobiel (uitgeklapt): één paneel met dezelfde ronde vorm als de knoppen */
@media(max-width:700px){
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open{filter:drop-shadow(0 10px 18px rgba(26,41,71,.14))}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil{display:flex!important;align-items:center;justify-content:space-between;height:44px!important;min-height:44px!important;padding:0 18px!important;margin:0!important;border:1px solid #E2D5C3!important;border-top-width:0!important;border-radius:0!important;background:#FFFFFF!important;color:#1A2947!important;font-size:.8rem!important;box-shadow:none!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil::after{color:#7A6150!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil.aan{background:#EFE8DC!important;color:#1A2947!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil:nth-of-type(1){top:0!important;border-top-width:1px!important;border-radius:22px 22px 0 0!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil:nth-of-type(2){top:44px!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil:nth-of-type(3){top:88px!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil:nth-of-type(4){top:132px!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil:last-of-type{border-radius:0 0 22px 22px!important}
  html.nj-strak body.woocommerce .njs .grid .card .qv-pills.open .qv-pil:first-of-type:last-of-type{border-radius:22px!important}
}


/* ---------- 9. Foto's altijd op de paginakleur, ook bij hover (1-10-2026) ---------- */
/* Het fotovak krijgt zelf de crème achtergrond en isoleert de multiply-blend,
   zodat het witte vlak van de foto ook tijdens de hover-zoom niet zichtbaar wordt. */
html.nj-strak body.nh .grid .card .ph,
html.nj-strak body.woocommerce .njs .grid .card .ph,
html.nj-strak body.single-product .pimg,
html.nj-strak body.single-product section.related ul.products li.product .nj-ph{background:#F7F3EC!important;isolation:isolate}
html.nj-strak body.single-product .pimg img{filter:brightness(1.08)}
/* notengids: fotovak op paginakleur i.p.v. wit verloop */
html.nj-strak .nh .nut-photo{background:#F7F3EC!important;isolation:isolate}
html.nj-strak .nh .nut-photo img{mix-blend-mode:multiply}
/* mandje en afrekenen: thumbnail op paginakleur */
html.nj-strak .njm-thumb,
html.nj-strak .nj-rev-thumb{background:#F7F3EC!important;isolation:isolate}
html.nj-strak .njm-thumb img,
html.nj-strak .nj-rev-thumb img{mix-blend-mode:multiply;filter:brightness(1.08)}


/* ---------- 10. Categoriekaart: prijs gecentreerd, daaronder aantal + knop (2-10-2026) ---------- */
html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper{display:grid!important;grid-template-columns:auto 1fr;gap:12px 10px;align-items:center;justify-content:stretch!important;margin-top:auto}
html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper .cf-rij{display:contents!important}
html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper .prijs{grid-column:1/-1;justify-self:center;text-align:center;margin:0!important;font-size:1.3rem!important;line-height:1.2}
html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper .nj-qty.kaart{grid-column:1;margin:0!important}
html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add{grid-column:2;width:100%!important;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}
@media (max-width:600px){
  html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper{grid-template-columns:1fr}
  html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper .nj-qty.kaart{justify-self:center}
  html.nj-strak body.woocommerce .njs .grid .card .cardfoot.cf-stepper .add{grid-column:1}
}


/* ---------- 11. Fotovak via background-blend-mode (iPhone/Safari-proof, 2-10-2026) ---------- */
html.nj-strak .nj-fotovlak{background-color:#F7F3EC!important;background-blend-mode:multiply!important;background-repeat:no-repeat!important;background-clip:border-box!important;background-size:contain!important;background-position:center!important;background-origin:content-box!important;transition:transform .35s ease}
html.nj-strak .nj-fotovlak img{opacity:0!important}
html.nj-strak .grid .card:hover .nj-fotovlak{transform:scale(1.04)}