/* ---------- tijdelijke actie: kennismaking herfst 2026 (t.e.m. 15 november) ---------- */
.ac-strip{position:relative;overflow:hidden;background:#140c06;border-bottom:1px solid rgba(233,207,162,.22);color:#f4e6d0;font-family:var(--sans)}
.ac-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,rgba(201,147,114,.28),transparent 60%),radial-gradient(ellipse at 10% 100%,rgba(233,180,110,.14),transparent 55%);pointer-events:none}
.ac-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(18px,2.6vw,30px) var(--gutter);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,3vw,40px);align-items:center}
.ac-ph{display:flex;gap:8px}
.ac-ph img{width:clamp(96px,11vw,150px);height:clamp(120px,13.5vw,186px);object-fit:cover;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.ac-ph img+img{object-position:62% 30%}
.ac-k{font:500 11px var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#e9cfa2;margin:0 0 10px}
.ac-t{font:400 clamp(30px,3.6vw,48px)/1 var(--display);color:#e9cfa2;margin:0}
.ac-s{margin:10px 0 0;font-size:clamp(14px,1.25vw,16px);line-height:1.5;color:#f4e6d0}
.ac-s s{opacity:.55}
.ac-hint{margin:8px 0 0;font-size:14px;color:#cdbca5}.ac-hint b{color:#e9cfa2;font-weight:500}
.ac-go{display:flex;flex-direction:column;align-items:center;gap:8px}
.ac-btn{display:inline-flex;align-items:center;gap:14px;background:#e9cfa2;color:#1a0f07;text-decoration:none;font:600 14px var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:18px 28px;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:background .2s,transform .2s;white-space:nowrap}
.ac-btn:hover{background:#f3dcb4;transform:translateY(-1px)}
.ac-btn span{letter-spacing:0;font-size:18px}
.ac-go small{font-size:12px;color:#cdbca5;letter-spacing:.04em}
@media(max-width:860px){.ac-in{grid-template-columns:auto minmax(0,1fr)}.ac-go{grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:14px}}
@media(max-width:560px){.ac-in{grid-template-columns:1fr;gap:14px;padding-block:18px 20px}.ac-ph img{width:calc(50% - 4px);height:150px}.ac-ph{width:100%}.ac-t{font-size:32px}.ac-go{flex-direction:column;align-items:stretch}.ac-btn{justify-content:center;padding:16px}.ac-go small{text-align:center}}

html.ac-lock{overflow:hidden}
.ac-pop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .35s ease}
.ac-pop[hidden]{display:none}.ac-pop.on{opacity:1}
.ac-scrim{position:absolute;inset:0;background:rgba(8,5,3,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ac-card{position:relative;width:min(460px,100%);max-height:calc(100svh - 32px);overflow:auto;background:#140c06;color:#f4e6d0;box-shadow:0 40px 100px rgba(0,0,0,.6);transform:translateY(16px) scale(.98);transition:transform .4s cubic-bezier(.2,.7,.2,1);font-family:var(--sans)}
.ac-pop.on .ac-card{transform:none}
.ac-img{position:relative;aspect-ratio:4/4.1;background:url(/img/actie-amber.webp) 50% 22%/cover}
.ac-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,6,0) 45%,rgba(20,12,6,.75) 78%,#140c06)}
.ac-img .ac-in2{position:absolute;left:30px;right:30px;bottom:14px;z-index:1}
.ac-img .ac-t{font-size:clamp(40px,10vw,56px)}
.ac-line{width:56px;height:1px;background:#e9cfa2;margin:12px 0 0}
.ac-body{padding:6px 30px 26px}
.ac-body .ac-s{margin:0 0 18px}
.ac-body .ac-btn{width:100%;justify-content:center;padding:19px}
.ac-body .ac-hint{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(233,207,162,.25);line-height:1.5}
.ac-x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(20,12,6,.6);color:#f4e6d0;font:300 26px/1 var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ac-x:hover{background:rgba(20,12,6,.85)}
.ac-later{display:block;min-height:44px;padding:0 12px;margin:8px auto 0;background:none;border:0;color:#a39a91;font:400 13px var(--sans);text-decoration:underline;cursor:pointer}
@media(max-height:700px){.ac-img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.ac-pop,.ac-card{transition:none}}

/* ---------- socialfeed ---------- */
#volg-ons{background:var(--ink)}
.fd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1vw,14px)}
.fd-it{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#1b1714}
.fd-it img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fd-it:hover img{transform:scale(1.04)}
.fd-cap{position:absolute;inset:auto 0 0 0;padding:40px 14px 12px;background:linear-gradient(0deg,rgba(10,8,6,.85),rgba(10,8,6,0));color:#f4f0ea;font-size:13px;line-height:1.35;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.fd-it:hover .fd-cap,.fd-it:focus-visible .fd-cap{opacity:1;transform:none}
.fd-multi{position:absolute;top:10px;right:10px;width:18px;height:18px;border:2px solid #fff;border-radius:3px;box-shadow:4px -4px 0 -2px rgba(14,13,12,.35),4px -4px 0 0 #fff;opacity:.9}
.fd-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,36px)}
.fd-foot .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.fd-ghost{background:transparent;color:var(--ivory);border-color:var(--line)}
.fd-ghost:hover{border-color:var(--ivory)}
@media(max-width:820px){.fd-grid{grid-template-columns:repeat(2,1fr)}.fd-cap{display:none}}