:root{--ivory:#f6f1e8;--paper:#fffdf8;--moss:#435544;--moss-dark:#27372b;--terra:#b9674f;--ink:#282923;--muted:#6c6d65;--line:#dcd6ca;--radius:1.25rem;--shadow:0 18px 45px rgba(52,59,45,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.05}h1{font-size:clamp(2.6rem,7vw,6.8rem);letter-spacing:-.045em;margin:.15em 0 .35em}h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.03em}h3{font-size:1.55rem;margin:.2rem 0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.8rem;z-index:30}.skip:focus{top:1rem}.demo-bar{text-align:center;background:var(--moss-dark);color:#fff;font-size:.78rem;letter-spacing:.06em;padding:.45rem 1rem}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid var(--line);position:relative;background:rgba(255,253,248,.94);z-index:5}.brand{font-size:1.6rem}nav{display:flex;gap:clamp(.8rem,2.5vw,2.4rem);align-items:center}nav a{font-size:.9rem}.cart-link{display:flex;gap:.45rem}.cart-link span{background:var(--terra);color:#fff;border-radius:2rem;min-width:1.45rem;height:1.45rem;text-align:center;line-height:1.45rem;font-size:.75rem}.notice{padding:.7rem;text-align:center;background:#e4eddf;color:var(--moss-dark)}main{min-height:70vh}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:calc(100vh - 120px);background:var(--ivory);align-items:stretch}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(3rem,8vw,8rem)}.hero h1 em{color:var(--terra);font-weight:400}.hero-copy>p:not(.eyebrow){max-width:34rem;font-size:1.15rem;color:var(--muted)}.hero picture,.hero picture img{width:100%;height:100%;object-fit:cover}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700;color:var(--moss)}.button,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;background:var(--moss);color:white;padding:.95rem 1.4rem;font:600 .9rem/1 system-ui;cursor:pointer}.button:hover,button:hover{background:var(--moss-dark)}.intro{max-width:800px;text-align:center;padding:7rem 1.5rem 4rem;margin:auto}.intro h2{margin:.25em 0}.intro>p:last-child{max-width:620px;margin:auto;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1400px;margin:0 auto;padding:0 clamp(1.25rem,4vw,4rem) 7rem}.product-card a{display:block}.product-card img{aspect-ratio:1/1;object-fit:cover;background:var(--ivory);border-radius:var(--radius);transition:transform .3s}.product-card:hover img{transform:translateY(-4px)}.product-card div{padding:1rem .3rem}.product-card p{color:var(--muted);min-height:3.3em}.manifesto{background:var(--moss);color:#fff;text-align:center;padding:clamp(5rem,10vw,10rem) 1.5rem}.manifesto p{font:italic clamp(2rem,5vw,4.8rem)/1.2 Georgia;max-width:1000px;margin:0 auto 1rem}.manifesto span{opacity:.7}.collection-head{max-width:1400px;margin:auto;padding:6rem clamp(1.25rem,4vw,4rem) 3rem;display:flex;align-items:end;justify-content:space-between}.collection-head h1{font-size:clamp(3rem,6vw,6rem);margin:.1em 0}.collection-head form{display:flex;gap:.6rem;align-items:center}.collection-head select,select,input{border:1px solid var(--line);background:white;border-radius:.7rem;padding:.85rem;font:inherit;color:var(--ink)}.product-detail{max-width:1300px;margin:auto;padding:clamp(2rem,6vw,6rem) clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:center}.product-image img{border-radius:var(--radius);width:100%;background:var(--ivory)}.product-copy h1{font-size:clamp(3rem,6vw,6rem)}.price{font:1.5rem Georgia;color:var(--terra)}.product-copy ul{padding-left:1.2rem;color:var(--muted)}.buy{display:flex;gap:1rem;align-items:end;margin-top:2rem}.buy label{display:grid;font-size:.8rem}.buy input{width:80px}.narrow{max-width:760px;margin:0 auto;padding:clamp(4rem,8vw,8rem) 1.5rem}.narrow.wide{max-width:1050px}.prose p{color:var(--muted)}.prose h2{font-size:2rem;margin-top:2.5rem}.empty{background:var(--ivory);padding:3rem;border-radius:var(--radius);text-align:center}.cart-row{display:grid;grid-template-columns:100px 1fr 110px 100px;gap:1.25rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-row img{border-radius:.7rem}.cart-row div span{display:block;color:var(--muted)}.cart-row label{font-size:.75rem}.cart-row input{width:80px}.text-button{background:transparent;color:var(--moss);padding:1rem 0}.totals{margin-left:auto;max-width:430px;padding-top:2rem}.totals p,.checkout aside p{display:flex;justify-content:space-between}.grand{font-size:1.2rem;border-top:1px solid var(--line);padding-top:1rem}.totals .button{width:100%;margin-top:1rem}.checkout{max-width:1200px;margin:auto;padding:clamp(3rem,7vw,7rem) 1.5rem;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem)}.checkout h1{font-size:clamp(3rem,5vw,5.5rem)}.checkout aside{background:var(--ivory);padding:2rem;border-radius:var(--radius);align-self:start;position:sticky;top:1rem}.checkout aside h2{font-size:2rem;margin-top:0}.checkout aside p{gap:1rem}.stack{display:grid;gap:1rem}.stack label{display:grid;gap:.3rem;font-size:.85rem}.fields{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.check input{margin:.35rem .4rem 0 0}.soft,.fine{color:var(--muted);font-size:.88rem}.error,.success{border-radius:.8rem;padding:1rem;margin:1rem 0}.error{background:#f9e3df;color:#7c2f22}.success{background:#e3eedf;color:#2c582d}.status-card{margin-top:4rem;margin-bottom:4rem;background:var(--ivory);border-radius:var(--radius);box-shadow:var(--shadow)}.status-card h1{font-size:clamp(2.8rem,6vw,5rem)}dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.7rem 0}dd{font-weight:600}.admin-page{background:#f4f1ea}.admin-wrap{max-width:1400px;margin:auto;padding:4rem 1.5rem}.admin-head{display:flex;justify-content:space-between;align-items:start}.admin-head h1{font-size:4rem}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-card{display:grid;gap:.8rem;background:white;border-radius:1rem;padding:1.2rem}.admin-card label{display:grid}.table-wrap{overflow:auto;background:white;border-radius:1rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}.small{font-size:.72rem;padding:.65rem}.fine{font-size:.78rem}footer{background:#ebe5d9;padding:4rem clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:1fr auto;gap:2rem}footer div:nth-child(2){display:flex;gap:1.5rem}footer .fine{grid-column:1/-1;border-top:1px solid #d2cabc;padding-top:1rem}
@media(max-width:800px){header{height:auto;padding:1rem;align-items:flex-start}.brand{font-size:1.35rem}nav{flex-wrap:wrap;justify-content:flex-end;gap:.6rem 1rem}nav a:not(.cart-link){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:4rem 1.5rem}.hero picture{min-height:420px}.product-grid{grid-template-columns:1fr}.product-card p{min-height:0}.collection-head{align-items:start;flex-direction:column}.collection-head form{width:100%;justify-content:space-between}.product-detail,.checkout{grid-template-columns:1fr}.checkout aside{position:static}.cart-row{grid-template-columns:80px 1fr}.cart-row>label,.cart-row>strong{grid-column:2}.admin-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer div:nth-child(2){flex-direction:column}.hero h1{font-size:3.5rem}}

/* Fjora webshop v57 */
body{padding-bottom:76px}
.shop-header{position:sticky;top:0;z-index:50}
.shop-header nav a{font-weight:650}
.shop-header nav a:hover{color:var(--terra)}
.product-card button{margin-top:1.15rem;width:100%}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,8rem);padding:clamp(5rem,10vw,9rem) max(1.25rem,calc((100vw - 1180px)/2));background:var(--moss);color:#fff}
.story h2{margin-top:.2rem}
.story p{max-width:680px;color:rgba(255,255,255,.8)}
.story .eyebrow{color:#fff}
.story .text-link{color:#fff}
.cart-section{max-width:1180px;margin:auto;padding:clamp(5rem,9vw,8rem) 1.5rem}
.cart-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.cart-heading h2{margin:.15rem 0 0}
.cart-row .text-button{font-size:.8rem;text-decoration:underline}
.checkout{border-top:1px solid var(--line)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field-grid label{display:grid;gap:.35rem;font-size:.86rem;font-weight:650}
.field-grid label:nth-child(3){grid-column:1/-1}
.check{display:flex!important;gap:.55rem;align-items:flex-start}
.check input{width:auto;margin-top:.35rem}
.setup-warning{padding:1rem 1.2rem;margin:1.5rem 0;background:#fff0c7;border-left:4px solid #ad7611}
.setup-warning p{margin:.35rem 0 0}
.notice{border-radius:.8rem;margin:1rem 0}
.shop-toast{position:fixed;right:20px;bottom:96px;z-index:10000;max-width:min(360px,calc(100% - 40px));padding:13px 17px;color:#fff;background:var(--moss-dark);border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}
.shop-toast.show{opacity:1;transform:none}
.payment-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--paper)}
.payment-page .status-card{width:min(720px,100%);margin:0;padding:clamp(2rem,6vw,4rem)}
.payment-page .status-card p{color:var(--muted)}
.payment-page .status-card .button{margin-top:1rem}
.vs-demo-notice{position:fixed;z-index:9999;right:0;bottom:0;left:0;min-height:76px;padding:11px clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0c1f17;color:#fff;border-top:2px solid #c8ff5c;box-shadow:0 -10px 35px rgba(0,0,0,.2);font:14px/1.4 Arial,sans-serif}
.vs-demo-copy{display:flex;align-items:baseline;gap:14px;min-width:0}
.vs-demo-copy strong{color:#c8ff5c;font-size:15px;white-space:nowrap}
.vs-demo-copy span{color:#d7e0db}
.vs-demo-links{display:flex;align-items:center;gap:8px;flex-shrink:0}
.vs-demo-links a{padding:9px 13px;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:4px;text-decoration:none;font-weight:700;white-space:nowrap}
.vs-demo-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
.vs-demo-links .primary-link{color:#0c1f17;background:#c8ff5c;border-color:#c8ff5c}
.vs-demo-links .primary-link:hover{color:#0c1f17;background:#dcff94}
@media(max-width:800px){body{padding-bottom:142px}.shop-header{gap:.75rem;flex-wrap:wrap}.shop-header nav{width:100%;justify-content:flex-start}.shop-header nav a{display:inline-flex!important;font-size:.78rem}.story{grid-template-columns:1fr}.cart-heading{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:1fr}.field-grid label:nth-child(3){grid-column:auto}.shop-toast{bottom:152px}.vs-demo-notice{min-height:132px;align-items:stretch;flex-direction:column;gap:9px;padding:10px 14px max(10px,env(safe-area-inset-bottom))}.vs-demo-copy{display:grid;gap:2px}.vs-demo-copy strong{white-space:normal}.vs-demo-copy span{font-size:12px}.vs-demo-links{display:grid;grid-template-columns:1fr 1fr 1.2fr}.vs-demo-links a{display:block!important;padding:8px 7px;text-align:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Beheerbare winkelmelding */
.shop-announcement{padding:10px 20px;text-align:center;background:#18352c;color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em}.shop-announcement[hidden]{display:none}