
/* Premium webshop experience – typography, ordering and responsive branding */
:root{--serif:"Baskerville","Iowan Old Style","Palatino Linotype",Georgia,serif;--purple:#604a68;--aubergine:#302733;--ivory:#faf8f4;--line:#e7e0e4}
body{background:#fbfaf8}
.nationwide-top{background:#302733;color:#fff;font-size:11px;letter-spacing:.045em}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:37px}
.top-inner a{color:#f4edf2}
.top-dot{background:#c9afce;display:inline-block;height:6px;width:6px;border-radius:50%;vertical-align:middle;margin:0 7px 2px 0}
.site-header{background:rgba(253,251,249,.98)}
.header-inner{min-height:82px}
.brand-v2{gap:7px;display:inline-flex;align-items:center;min-width:0}
.brand-v2::before{display:none!important}
.brand-v2 .brand-mark{display:block;flex:none;width:56px;height:59px;object-fit:contain}
.brand-v2 .brand-word{display:block;font:400 clamp(1.43rem,1.95vw,1.93rem)/1.04 var(--serif);letter-spacing:-.055em}
.desktop-nav{gap:clamp(13px,1.35vw,23px)}
.desktop-nav .nav-link{font-weight:500;white-space:nowrap}
.header-call{font-size:12px;white-space:nowrap;color:var(--purple);font-weight:600}
.header-buy{background:var(--purple);white-space:nowrap}
.header-actions{gap:17px}
.mobile-quick-buy{display:none}
.hero-v2{background:#f4eff0;color:var(--aubergine);min-height:590px;grid-template-columns:52% 48%}
.hero-v2 .hero-copy{padding:45px clamp(24px,4.2vw,62px) 48px max(40px,calc((100vw - 1260px)/2));align-items:center}
.hero-v2 .hero-copy-inner{max-width:680px}
.hero-v2 .hero-copy .eyebrow{color:#735b7b;font-size:11px;letter-spacing:.14em;margin-bottom:25px}
.hero-v2 h1{font-size:clamp(3.2rem,5.2vw,5.8rem);letter-spacing:-.051em;line-height:1.03;margin-bottom:25px;font-weight:400}
.hero-v2 h1 em{color:#795982;font-weight:400}
.hero-v2 .hero-lead{font-size:16px!important;line-height:1.7!important;color:#5c515d!important;max-width:540px!important}
.hero-v2 .hero-actions{margin-top:27px;gap:12px}
.hero-v2 .hero-primary{background:#604a68;color:white;border-color:#604a68}
.hero-v2 .hero-primary:hover{background:#302733}
.btn-soft{background:transparent;color:#604a68;border:1px solid #ab99ae}
.btn-soft:hover{background:#e7dde8;border-color:#604a68;color:#302733}
.hero-advice{display:inline-flex;gap:15px;font-size:13px;color:#604a68;font-weight:600;margin-top:19px;border-bottom:1px solid #c8b6ca;padding-bottom:4px}
.hero-v2 .hero-trust{font-size:12px!important;color:#6e6471!important;margin:23px 0 0}
.hero-photo-caption{background:rgba(48,39,51,.62)}
.quick-categories{background:#fff;border-bottom:1px solid var(--line)}
.quick-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-inner>a{padding:22px 19px;border-right:1px solid var(--line);display:flex;align-items:center;gap:11px;color:var(--aubergine);transition:background .2s}
.quick-inner>a:first-child{border-left:1px solid var(--line)}
.quick-inner>a:hover{background:#f5eff4}
.quick-inner>a>span:first-child{font:italic 15px var(--serif);color:#604a68}
.quick-inner strong{font-size:13px;font-weight:600}
.quick-arrow{margin-left:auto;color:#80658a}
.feature-strip{padding-block:24px}
.product-card-v2{display:block;background:#fff;padding:0;border:1px solid var(--line);min-height:0;overflow:hidden}
.product-card-v2:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(50,38,55,.06)}
.product-image{display:block;position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#efe9e7}
.product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.product-card-v2:hover .product-image img{transform:scale(1.03)}
.product-image-arrow{position:absolute;bottom:12px;right:12px;width:35px;height:35px;display:grid;place-items:center;color:#604a68;background:#fff}
.product-card-body{padding:21px 21px 20px}
.product-card-body h3{font-size:clamp(25px,2vw,30px);margin:7px 0 6px}
.product-card-body h3 a:hover{color:#755b7d}
.product-card-body>p{font-size:13px;min-height:63px;line-height:1.6;margin:7px 0 12px;color:#6e6471}
.product-card-body .product-bottom{margin-top:10px}
.product-more{font-size:12px;font-weight:600;color:#735b7b}
.product-order{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:13px 15px;background:#604a68;color:#fff;font-size:13px;font-weight:600;transition:background .2s}
.product-order:hover{background:#302733}
.product-card-body .product-bottom strong{font-size:23px}
.product-photo-real{padding:0;overflow:hidden;min-height:0;background:#eee6e1}
.product-photo-real img{display:block;width:100%;height:auto;max-height:660px;object-fit:cover}
.collection-products{background:#fbfaf8}
.collection-products#bestellen{scroll-margin-top:105px;padding-top:60px}
#bestellen{scroll-margin-top:105px}
.footer-v2 .brand-mark{filter:none;width:49px;height:55px}
.footer-v2 .brand-word{color:white;font-size:1.45rem}
.footer-v2 .brand-v2{color:white}
.footer-v2 .footer-about p{max-width:370px}
.section-head{max-width:760px}
.category-photo{background:#eae2e3}
.category-copy h3{font-size:30px}
@media(max-width:1300px){.desktop-nav{gap:11px}.header-call{display:none}.brand-v2 .brand-word{font-size:1.5rem}.brand-v2 .brand-mark{width:50px;height:54px}}
@media(max-width:1080px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-quick-buy{display:inline-flex;background:#604a68;color:#fff;padding:10px 13px;font-size:12px;font-weight:600}.header-buy{display:none}.header-actions{gap:9px}.header-inner{min-height:76px}}
@media(max-width:960px){.hero-v2{grid-template-columns:1fr 1fr}.hero-v2 .hero-copy{padding:44px 25px}.hero-v2 h1{font-size:clamp(3rem,5.8vw,4.4rem)}.quick-inner>a{padding:16px 10px}.quick-inner strong{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.top-inner{justify-content:center;min-height:31px;text-align:center}.top-inner>a{display:none}.nationwide-top{font-size:10px;letter-spacing:0}.header-inner{min-height:69px}.brand-v2 .brand-mark{width:37px;height:41px}.brand-v2 .brand-word{font-size:clamp(1.05rem,4.55vw,1.36rem)}.hero-v2{display:flex;flex-direction:column}.hero-v2 .hero-copy{padding:33px 20px 35px}.hero-v2 .hero-copy .eyebrow{margin-bottom:15px;font-size:9px;letter-spacing:.12em}.hero-v2 h1{font-size:clamp(2.8rem,10vw,4rem);line-height:1.03;margin-bottom:18px}.hero-v2 .hero-lead{font-size:14px!important;line-height:1.6!important;margin-bottom:16px}.hero-v2 .hero-actions{margin-top:15px;gap:9px;display:grid;grid-template-columns:1fr 1fr}.hero-v2 .hero-actions .btn{padding:12px 9px;font-size:11px;gap:5px;white-space:normal;text-align:center}.hero-v2 .hero-advice{margin-top:14px;font-size:12px}.hero-v2 .hero-trust{display:none}.hero-v2 .hero-photo{height:240px;flex:none}.quick-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-inner>a{min-height:58px;border-bottom:1px solid var(--line)}.quick-inner strong{font-size:12px}.quick-inner>a:nth-child(3){border-left:1px solid var(--line)}.feature-strip{display:none}.product-card-body{padding:17px 15px}.product-card-body>p{font-size:12px;min-height:0}.product-order{font-size:12px;padding:12px 10px}.product-card-body .product-bottom strong{font-size:21px}.collection-products#bestellen{padding-top:48px}.footer-v2 .brand-v2 .brand-mark{height:44px;width:40px}}
@media(max-width:420px){.mobile-quick-buy{font-size:11px;padding:9px}.brand-v2 .brand-word{font-size:1.02rem}.brand-v2 .brand-mark{width:31px;height:36px}.hero-v2 h1{font-size:clamp(2.62rem,11vw,3.5rem)}.hero-v2 .hero-copy{padding:30px 18px}.quick-inner>a{gap:7px}.quick-inner strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-card-v2,.product-image img,.quick-inner>a{transition:none}}


/* V3 polish: breathing room around the approved RB mark and stable small-screen header */
.brand-v2{max-width:100%;overflow:visible}
.brand-v2 .brand-mark{width:62px;height:62px;object-fit:contain;overflow:visible}
.brand-v2 .brand-word{overflow:visible;white-space:nowrap}
.header-inner{min-width:0}
.header-actions{flex:none}
.mobile-quick-buy,.menu-toggle{min-height:44px}
.mobile-link,.quick-inner>a,.product-order{touch-action:manipulation}
.inner-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.inner-hero-actions .btn{min-height:45px}
.inner-advice{display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:#604a68;text-decoration:underline;text-underline-offset:5px}
.product-card-v2:focus-within{outline:2px solid #795982;outline-offset:3px}
@media(max-width:1300px){.brand-v2 .brand-mark{width:54px;height:57px}}
@media(max-width:700px){
 .brand-v2 .brand-mark{width:41px;height:45px}
 .brand-v2{gap:4px}
 .hero-v2 .hero-actions .btn{min-height:46px}
 .inner-hero-actions{gap:12px}
 .inner-hero-actions .btn{width:100%;justify-content:center}
 .inner-hero-actions .inner-advice{min-height:44px}
}
@media(max-width:420px){
 .brand-v2 .brand-mark{width:35px;height:39px}
 .header-inner{gap:6px}
 .header-actions{gap:4px}
 .brand-v2 .brand-word{font-size:clamp(.96rem,4.4vw,1.04rem)}
 .menu-toggle{padding-inline:7px;min-width:38px}
}
@media(max-width:375px){.mobile-quick-buy{display:none!important}}
@media(prefers-reduced-motion:reduce){.product-card-v2:hover{transform:none}.product-card-v2:hover .product-image img{transform:none}}

/* Search-intent guide: accessible, readable and non-intrusive */
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(36px,6vw,96px);align-items:start}
.guide-main{min-width:0;max-width:820px}
.guide-main h2{font-size:clamp(1.9rem,3.2vw,2.8rem);margin:40px 0 16px}
.guide-main h2:first-of-type{margin-top:4px}
.guide-main p,.guide-main li{line-height:1.85;color:#5c515d}
.guide-examples{padding:24px 24px 24px 46px;background:#f3eff2;border-left:3px solid #9b83a1}
.guide-examples li{padding:4px 0}
.guide-main blockquote{margin:18px 0;padding:16px 22px;border-left:2px solid #9b83a1;color:#514458;background:#f7f3f6;font:italic 1.15rem/1.65 var(--serif)}
.guide-aside{padding:26px;background:#f4eff2;position:sticky;top:110px}
.guide-aside h3{font:400 1.8rem/1.15 var(--serif)}
.guide-aside>a{display:block;padding:12px 0;border-bottom:1px solid #dfd4df;color:#604a68;font-weight:600;font-size:13px}
.guide-aside .fine{font-size:13px;line-height:1.65;margin-top:24px}
.guide-aside .fine a{text-decoration:underline}
.guide-action{background:#efe8ef;padding:27px;margin-top:36px}
.guide-action h2{margin-top:0}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr}.guide-aside{position:static}.guide-main{max-width:none}}
@media(max-width:700px){.guide-examples{padding:18px 18px 18px 33px}.guide-action{padding:21px}.guide-action .btn{width:100%;text-align:center}}

/* Approved brand board identity: one complete graphic, never an independently typeset wordmark */
.site-header .brand-v2{flex:0 0 auto;max-width:100%;gap:0;line-height:0;overflow:visible}
.brand-v2 .brand-horizontal{display:block!important;flex:none;width:clamp(280px,27vw,368px);max-width:100%;height:auto;aspect-ratio:1158/211;object-fit:contain;overflow:visible}
.footer-v2 .brand-v2 .brand-horizontal{width:335px;max-width:100%;filter:brightness(0) invert(1)}
.site-header .header-inner{gap:clamp(14px,1.6vw,24px)}
.site-header .header-actions{flex-shrink:0}
@media(max-width:1300px){.site-header .brand-v2 .brand-horizontal{width:clamp(255px,24vw,325px)}}
@media(max-width:1080px){.site-header .brand-v2 .brand-horizontal{width:clamp(248px,34vw,350px)}}
@media(max-width:700px){.site-header .brand-v2 .brand-horizontal{width:clamp(179px,55vw,248px)}.site-header .header-inner{gap:8px}}
@media(max-width:390px){.site-header .brand-v2 .brand-horizontal{width:clamp(171px,56vw,210px)}.site-header .mobile-quick-buy{display:none!important}}
@media(max-width:350px){.site-header .brand-v2 .brand-horizontal{width:174px}.site-header .header-inner{gap:5px}}


/* 360° audit: leesbaarheid van links, contrast en focus zonder het ontwerp te verstoren. */
main p a:not(.btn):not(.btn-soft):not(.btn-outline):not(.quiet-link):not(.understated-link):not(.product-link):not(.hero-advice):not(.link-on-dark), .fine a, .tiny-note a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
main p a:hover:not(.btn), .fine a:hover, .tiny-note a:hover { text-decoration-thickness: 2px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #604a68; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Additional clearly discernible inline links on dark and light footers. */
.footer-bottom a, .footer-about p a, .footer .fine a, .guide-main li a, .guide-main p a { text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.footer-bottom a:hover, .footer-about p a:hover, .footer .fine a:hover, .guide-main li a:hover, .guide-main p a:hover { text-decoration-thickness: 2px; }


/* V4: praktisch en rustig inzicht in uitvaartbezorging en professionele samenwerking */
.delivery-guide{background:#fcfbfa;border-top:1px solid #eee7eb}
.delivery-guide h2{max-width:810px;font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.2;margin:12px 0 20px}
.delivery-guide .delivery-lead{max-width:820px;color:#645967;line-height:1.75;font-size:16px;margin-bottom:32px}
.delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 30px}
.delivery-steps article{padding:27px 26px;border:1px solid #e5dce4;background:#fff;min-width:0}
.delivery-steps article>span{display:block;color:#987d9e;font-size:12px;letter-spacing:.13em;font-weight:650;margin-bottom:17px}
.delivery-steps h3{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.25;margin:0 0 12px}
.delivery-steps p{color:#645967;line-height:1.75;font-size:14px;margin:0}
.delivery-urgent{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 29px;border:1px solid #dfd3de;background:#f5eff4}
.delivery-urgent strong{display:block;font-size:17px;color:#544158;margin-bottom:7px}
.delivery-urgent p{margin:0;max-width:760px;color:#665a67;font-size:14px;line-height:1.7}
.delivery-urgent a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 17px;background:#604a68;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.delivery-urgent a:hover{background:#483450}
.delivery-endnote{font-size:13px;color:#746776;margin:19px 0 0;line-height:1.7;max-width:900px}
.ribbon-examples{padding-top:17px}
.ribbon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ribbon-grid>div{border:1px solid #e3dbe3;padding:19px 18px;background:#fff}
.ribbon-grid h3{font-size:20px;line-height:1.35;margin:0 0 11px;color:#524456}
.ribbon-grid ul{padding-left:17px;margin:0}
.ribbon-grid li{font-size:14px;line-height:1.55;padding:5px 0}
.contact-timing{padding:19px 21px;background:#f4edf3;border-left:3px solid #97769b;margin-bottom:24px}
.contact-timing strong{font-size:15px;color:#55425b}
.contact-timing p{font-size:14px;color:#625464;line-height:1.65;margin:7px 0 0}
.contact-timing a{font-weight:700;text-decoration:underline}
.detail-delivery-tip{background:#f4eff3;padding:15px 17px;border-left:2px solid #987d9e;color:#5d4e62;font-size:13px;line-height:1.7;margin:15px 0 19px}
.detail-delivery-tip a{text-decoration:underline;text-underline-offset:3px;font-weight:650}
.faq-v4-intro p{font-size:14px;color:#766979;margin:0 0 12px}
.form-feedback{font-size:13px;color:#55425b;line-height:1.7;margin:12px 0 0}
@media(max-width:880px){.delivery-steps{grid-template-columns:1fr;gap:12px}.delivery-steps article{padding:23px}.ribbon-grid{grid-template-columns:1fr}}
@media(max-width:660px){.delivery-urgent{flex-direction:column;align-items:stretch;padding:20px}.delivery-urgent a{width:100%}.delivery-guide h2{font-size:clamp(1.8rem,7.7vw,2.5rem)}.delivery-steps article p{font-size:14px}}


/* V4 category-intent guide: understandable differences without unnecessary marketing pressure */
.funeral-choice{background:#f8f5f7}
.funeral-choice h2{font-size:clamp(1.9rem,3.2vw,2.9rem);max-width:950px;line-height:1.2;margin:8px 0 20px}
.funeral-choice .delivery-lead{font-size:16px;line-height:1.75;max-width:800px;color:#645967}
.funeral-choice .delivery-steps article{border-color:#e2d8e0}
.funeral-choice .delivery-steps p+p{margin-top:18px}
.funeral-choice .choice-link{font-size:13px;display:inline-flex;min-height:36px;align-items:center;color:#604a68;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.funeral-choice .delivery-endnote a{text-decoration:underline}
