/* v4 – Luxy-structuur met Sams-huisstijl. Alleen voorpagina. */
body.sam-home{--lx-ink:#1f1712;--lx-choc:#3b2a20;--lx-muted:#5f5249;--lx-cream:#f4ece3;--lx-ivory:#fbf7f2;--lx-accent:#85593a}
/* compacte bovenbalk: één regel, klein */
body.sam-home .sam-announcement{background:#85593a;min-height:0;padding:6px 12px;font-size:12px;line-height:1.3}
body.sam-home .sam-announcement p{margin:0;font-size:12px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* knoppen */
.lx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--lx-choc);color:#fff!important;border:1px solid var(--lx-choc);border-radius:4px;font:500 13px/1 Jost,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s}
.lx-btn:hover{background:#000}
.lx-btn--light{background:#fff;color:var(--lx-ink)!important;border-color:#fff}.lx-btn--light:hover{background:var(--lx-cream)}
.lx-btn--ghost{background:transparent;color:var(--lx-ink)!important;border-color:var(--lx-ink)}.lx-btn--ghost:hover{background:var(--lx-ink);color:#fff!important}
.lx-btn--sm{min-height:38px;padding:0 18px;font-size:11px;margin-top:12px;align-self:flex-start}
/* HERO */
.lx-hero *,.lx-hero__copy,.lx *{box-sizing:border-box}
.lx-hero{position:relative;overflow:hidden;background:var(--lx-cream);color:var(--lx-ink)}
.lx-hero picture,.lx-hero img{display:block;width:100%}
.lx-hero img{height:min(78vh,820px);min-height:560px;object-fit:cover;object-position:75% 30%}
.lx-hero__copy{position:absolute;inset:0 auto 0 0;width:min(44%,600px);display:flex;flex-direction:column;justify-content:center;padding:0 0 0 clamp(32px,6vw,96px);background:linear-gradient(90deg,rgba(251,247,242,.92) 0%,rgba(251,247,242,.75) 70%,rgba(251,247,242,0) 100%)}
body.sam-home .lx-hero h1{font:400 clamp(44px,4.4vw,64px)/1.02 "Playfair Display",Georgia,serif;letter-spacing:-.01em;margin:0 0 16px;color:var(--lx-ink)}
.lx-hero p{margin:0 0 28px;font:400 17px/1.5 Jost,sans-serif;color:var(--lx-ink)}
.lx-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:46.874rem){
 .lx-hero img{height:calc(100svh - var(--lx-top,138px));min-height:470px;max-height:820px;object-position:50% 8%}
 .lx-hero__copy{inset:auto 0 0 0;width:auto;justify-content:flex-end;padding:72px 16px 16px;background:linear-gradient(180deg,rgba(31,23,18,0) 0%,rgba(31,23,18,.8) 20%,rgba(31,23,18,.9) 100%);color:#fff}
 body.sam-home .lx-hero h1{font-size:32px;line-height:1.08;color:#fff;margin-bottom:8px}
 .lx-hero p{color:#fff;font-size:14px;margin-bottom:12px}
 .lx-hero__btns{flex-direction:column;gap:8px}.lx-hero__btns .lx-btn{min-height:46px}.lx-hero__btns .lx-btn{width:100%}
}
/* algemene ritmes */
.sam-v3.lx{background:#fff}
.lx-wrap{max-width:1360px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.lx-narrow{max-width:960px}
.lx-sec{padding:clamp(48px,6vw,88px) 0}
.lx-sec--cream{background:var(--lx-cream)}
body.sam-home .lx-h2{font:400 clamp(28px,3.4vw,48px)/1.1 "Playfair Display",Georgia,serif;margin:0 0 8px;color:var(--lx-ink)}
.lx-sub{margin:0 0 28px;color:var(--lx-muted);font-size:16px}
.lx-label{display:block;font:500 11px/1.4 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lx-muted)}
.lx-center{text-align:center}
.lx-strip{margin:0;display:flex;justify-content:center;gap:clamp(16px,4vw,56px);flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #eee3d8;font:500 11px/1.4 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lx-ink)}
/* collectietegels (rail) */
.lx-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.lx-coll a{display:flex;flex-direction:column;text-decoration:none;color:var(--lx-ink)}
.lx-coll__img{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--lx-cream)}
.lx-coll__img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.lx-coll a:hover .lx-coll__img img{transform:scale(1.04)}
.lx-coll__name{font:400 20px/1.2 "Playfair Display",serif;margin:14px 0 4px}
@media (max-width:1080px){.lx-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,31%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.lx-coll{scroll-snap-align:start}}
@media (max-width:640px){.lx-rail{grid-auto-columns:78%;gap:12px}}
/* split-hero */
.lx-split{display:grid;grid-template-columns:1fr 1fr}
.lx-split__item{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none}
.lx-split__item img{width:100%;height:clamp(420px,52vw,760px);object-fit:cover;transition:transform .8s ease}
.lx-split__item:hover img{transform:scale(1.03)}
.lx-split__txt{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:120px clamp(20px,4vw,56px) clamp(24px,4vw,48px);background:linear-gradient(180deg,rgba(31,23,18,0),rgba(31,23,18,.82) 55%)}
.lx-split__h{font:400 clamp(28px,3.2vw,46px)/1.1 "Playfair Display",serif;color:#fff}
@media (max-width:860px){.lx-split{grid-template-columns:1fr}.lx-split__item img{height:auto;aspect-ratio:4/5}}
/* quiz-sectie */
.lx .quiz{margin-top:8px;border:0;border-radius:4px}
.lx .match-side{margin-top:16px}.lx .panel{background:#fff}
/* kleurrondjes */
.lx-sw{list-style:none;margin:28px 0 0;padding:0;display:flex;justify-content:center;gap:clamp(14px,3vw,36px);flex-wrap:wrap}
.lx-sw a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--lx-ink);font:400 13px/1.3 Jost,sans-serif;text-align:center;width:104px}
.lx-sw__img{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--lx-cream);display:block;box-shadow:0 0 0 1px #eadfd4}
.lx-sw__img img{width:100%;height:100%;object-fit:cover}
.lx-sw a:hover .lx-sw__img{box-shadow:0 0 0 2px var(--lx-accent)}
@media (max-width:640px){.lx-sw{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px}.lx-sw a{width:auto}.lx-sw__img{width:72px;height:72px}}
/* banner verhaal */
.lx-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--lx-choc);color:#f6eee6}
.lx-banner__img img{width:100%;height:100%;min-height:520px;object-fit:cover}
.lx-banner__txt{padding:clamp(40px,6vw,96px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
body.sam-home .lx-banner .lx-h2,body.sam-home .lx-banner p,.lx-banner .lx-label{color:#f6eee6}
.lx-banner .lx-label{color:#e3c3a6}
.v4-quote{margin:8px 0 16px;font:400 22px/1.4 "Playfair Display",serif}.v4-quote footer{font:400 14px Jost,sans-serif;margin-top:8px;color:#e9ddd1}
@media (max-width:860px){.lx-banner{grid-template-columns:1fr}.lx-banner__img img{min-height:0;aspect-ratio:4/3}}
/* productkaarten */
.lx-cards{list-style:none;margin:24px 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px}
.lx-card a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--lx-ink)}
.lx-card__img{display:block;aspect-ratio:1/1;overflow:hidden;background:#f7f3ee;margin-bottom:10px}
.lx-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lx-card a:hover .lx-card__img img{transform:scale(1.03)}
.lx-card__name{font:400 15px/1.35 Jost,sans-serif}
.lx-card__price{font:500 14px/1.3 Jost,sans-serif}
.lx-label--stock{color:#2f6b3a}
@media (max-width:860px){.lx-cards{grid-template-columns:1fr 1fr}}
/* stappen */
.lx-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}
.lx-steps h3{font:400 22px/1.2 "Playfair Display",serif;margin:8px 0}.lx-steps p{margin:0;color:var(--lx-muted)}
@media (max-width:640px){.lx-steps{grid-template-columns:1fr;gap:24px}}
/* sfeer-rail */
.lx-mood{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.lx-mood img{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover}
@media (max-width:860px){.lx-mood{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory}.lx-mood li{scroll-snap-align:start}}
.v4-credit{font-size:12px;color:var(--lx-muted);margin-top:12px}
@media (prefers-reduced-motion:reduce){.lx img{transition:none!important}}

/* nieuwe crème sticky header (uit v3, volgens homepage-advies-1510.md) */
/* header */
.hdr{position:sticky;top:0;z-index:50;background:#fffdfa;border-bottom:1px solid #eadfd4}
.hdr__in{display:flex;align-items:center;gap:24px;min-height:76px}
.hdr .logo img{width:64px;height:64px}
.hdr .nav{flex:1}
.hdr .nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;justify-content:center;align-items:center}
.hdr .nav a,.hdr .nav summary{text-decoration:none;font-size:.95rem;font-weight:500;cursor:pointer}
.hdr .nav a:hover,.hdr .nav summary:hover{color:var(--accent-text)}
.hdr .nav summary{list-style:none}
.hdr .nav summary::-webkit-details-marker{display:none}
.hdr .nav summary::after{content:" ▾";font-size:.7em}
.hdr .mega{position:absolute;left:0;right:0;top:100%;background:#fffdfa;border-bottom:1px solid #eadfd4;box-shadow:0 12px 24px rgba(59,42,32,.08)}
.hdr .mega ul{list-style:none;margin:0 auto;max-width:1240px;padding:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.hdr .mega a{display:block;padding:12px;border-radius:var(--r);background:var(--cream)}
.hdr .mega small{display:block;color:var(--muted);font-weight:400}
.hdr .lx-btn{padding:10px 18px;font-size:.92rem;white-space:nowrap}
.hdr .menu-toggle{display:none;background:none;border:1px solid var(--choc);border-radius:var(--r);padding:8px 12px;font:inherit}
@media(max-width:1080px){.hdr .menu-toggle{display:block}.hdr .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdfa;border-bottom:1px solid #eadfd4;max-height:80vh;overflow:auto}.hdr .nav.open{display:block}.hdr .nav>ul{flex-direction:column;align-items:stretch;padding:12px 24px;gap:4px}.hdr .nav>ul>li>a,.hdr .nav summary{display:block;padding:10px 0}.hdr .mega{position:static;box-shadow:none;border:0}.hdr .mega ul{grid-template-columns:1fr;padding:0 0 12px}.hdr__in{justify-content:space-between}.hdr__cta{margin-left:auto}}
@media(max-width:420px){.hdr .lx-btn{padding:9px 12px;font-size:.85rem}.hdr .logo img{width:52px;height:52px}.hdr__in{gap:10px}}
.hdr{--choc:#3b2a20;--accent:#ab7a56;--accent-text:#85593a;--cream:#f4ece3;--muted:#5f5249;--r:4px;background:#fbf7f2!important;font-family:Jost,system-ui,sans-serif}.hdr *{box-sizing:border-box}.hdr .lx-btn{min-height:40px;padding:0 18px}.hdr ul{margin:0}.hdr a{color:#1f1712}
.hdr .wrap{max-width:1360px;margin:0 auto;padding:0 24px}
@media(max-width:420px){.hdr .wrap{padding:0 14px}}

/* nieuw logo (concept) */
.hdr .logo{display:flex;align-items:center}.hdr .logo img,.hdr .logo .logo__img{width:auto;height:40px}
@media(max-width:640px){.hdr .logo img,.hdr .logo .logo__img{height:36px}}
@media(max-width:420px){.hdr .hdr__in{gap:8px}.hdr .lx-btn.hdr__cta{padding:0 12px;font-size:11px;letter-spacing:.08em;min-height:38px}.hdr .menu-toggle{padding:7px 10px}}

/* logo C in header (logo2) – 15 okt 2026 */
.hdr .logo img,.hdr .logo .logo__img{height:40px;width:auto;display:block}
@media(max-width:640px){.hdr .logo img,.hdr .logo .logo__img{height:34px}}
@media(max-width:420px){.hdr .logo img,.hdr .logo .logo__img{height:28px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hdr .menu-toggle{line-height:0;padding:13px 10px}.hdr .burger,.hdr .burger::before,.hdr .burger::after{display:block;width:20px;height:2px;background:#3b2a20;position:relative}
.hdr .burger::before,.hdr .burger::after{content:"";position:absolute;left:0}.hdr .burger::before{top:-6px}.hdr .burger::after{top:6px}
/* blog-sectie – 15 okt 2026 */
.lx-blog{background:#f4ece3}
.lx-blog .lx-h2{color:#85593a;font-family:"Playfair Display",Georgia,serif}
.lx-blog__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin:28px 0 36px}
.lx-post a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#85593a}
.lx-post__img{display:block;aspect-ratio:4/3;overflow:hidden;background:#ece2d6;margin-bottom:8px}
.lx-post__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;display:block}
.lx-post a:hover .lx-post__img img{transform:scale(1.03)}
.lx-post__meta{font:500 11px/1.4 Jost,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6e4a30}
.lx-post__title{margin:0;font:500 18px/1.3 "Playfair Display",Georgia,serif;color:#85593a}
.lx-post--feat{grid-column:1/-1;}
.lx-post--feat a{display:grid;grid-template-columns:3fr 2fr;gap:28px;align-items:center}
.lx-post--feat .lx-post__img{aspect-ratio:16/10;margin:0}
.lx-post--feat .lx-post__title{font-size:30px}
.lx-post--feat .lx-btn{color:#fff!important}
.lx-post__body{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
@media(max-width:1080px) and (min-width:641px){.lx-blog__grid .lx-post:last-child{grid-column:1/-1}}
@media(max-width:1080px){.lx-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.lx-blog__grid{grid-template-columns:1fr}.lx-post--feat a{grid-template-columns:1fr;gap:12px}.lx-post--feat .lx-post__title{font-size:24px}}