:root{
  --olive:#5b6b3a;
  --olive-dark:#3a4423;
  --olive-light:#8a9a5b;
  --gold:#c9a227;
  --gold-light:#e6c65c;
  --cream:#faf6ec;
  --cream-dark:#f0e9d8;
  --sea:#1f4959;
  --text:#2b2b23;
  --text-light:#6b6a5e;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 10px 30px rgba(43,43,35,0.08);
  --shadow-lg:0 20px 50px rgba(43,43,35,0.16);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,sans-serif;
  color:var(--text);
  background:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.15;color:var(--olive-dark);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.eyebrow{
  display:inline-block;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--gold);font-weight:700;margin-bottom:10px;
}
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:100px;
  font-weight:600;font-size:0.95rem;letter-spacing:0.01em;transition:all .2s ease;cursor:pointer;
}
.btn-primary{background:var(--olive);color:var(--white);}
.btn-primary:hover{background:var(--olive-dark);transform:translateY(-2px);box-shadow:var(--shadow);}
.btn-gold{background:var(--gold);color:var(--olive-dark);}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-outline{border:1.5px solid var(--olive);color:var(--olive);background:transparent;}
.btn-outline:hover{background:var(--olive);color:var(--white);}
.btn-block{width:100%;justify-content:center;}
.section{padding:90px 0;}
.section-sm{padding:60px 0;}
.section-head{text-align:center;max-width:640px;margin:0 auto 50px;}
.section-head h2{font-size:2.2rem;margin-bottom:14px;}
.section-head p{color:var(--text-light);font-size:1.05rem;}
.bg-cream-dark{background:var(--cream-dark);}
.bg-olive{background:var(--olive-dark);color:var(--cream);}
.bg-olive h2, .bg-olive h3{color:var(--white);}

.site-header{
  position:sticky;top:0;z-index:200;background:rgba(250,246,236,0.94);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(91,107,58,0.12);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1180px;margin:0 auto;}
.logo{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;color:var(--olive-dark);}
.logo .logo-mark{width:36px;height:36px;flex:none;}
.logo .logo-sub{display:block;font-family:'Inter',sans-serif;font-size:0.6rem;letter-spacing:0.2em;font-weight:600;color:var(--gold);text-transform:uppercase;}
nav.main-nav{display:flex;gap:34px;}
nav.main-nav a{font-size:0.94rem;font-weight:600;color:var(--text);position:relative;padding:6px 0;transition:color .2s;}
nav.main-nav a:hover, nav.main-nav a.active{color:var(--olive);}
nav.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold);border-radius:2px;}
.header-actions{display:flex;align-items:center;gap:18px;}
.cart-btn{position:relative;font-size:1.25rem;color:var(--olive-dark);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.cart-count{
  position:absolute;top:-4px;right:-6px;background:var(--gold);color:var(--olive-dark);font-size:0.68rem;
  font-weight:700;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.nav-toggle{display:none;font-size:1.4rem;width:40px;height:40px;align-items:center;justify-content:center;flex:none;}

.hero{
  position:relative;min-height:82vh;display:flex;align-items:center;overflow:hidden;
  background:linear-gradient(135deg, var(--olive-dark) 0%, var(--olive) 55%, #6d7a45 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;
  background-image:var(--hero-image, none);
  background-size:cover;background-position:center;opacity:0.28;mix-blend-mode:luminosity;
}
.hero-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 24px;color:var(--white);}
.hero-content{max-width:620px;}
.hero .eyebrow{color:var(--gold-light);}
.hero h1{font-size:3.2rem;color:var(--white);margin-bottom:20px;letter-spacing:-0.01em;}
.hero p.lead{font-size:1.12rem;color:#f0ece0;margin-bottom:34px;max-width:520px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.hero-badges{display:flex;gap:28px;margin-top:56px;flex-wrap:wrap;}
.hero-badge{display:flex;align-items:center;gap:10px;font-size:0.85rem;color:#e9e4d4;}
.hero-badge i{color:var(--gold-light);font-size:1.1rem;}

.usp-strip{background:var(--white);padding:0;margin-top:-1px;}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.usp-item{padding:34px 20px;text-align:center;border-right:1px solid var(--cream-dark);}
.usp-item:last-child{border-right:none;}
.usp-item i{font-size:1.6rem;color:var(--gold);margin-bottom:12px;}
.usp-item h4{font-size:0.95rem;font-family:'Inter',sans-serif;font-weight:700;color:var(--olive-dark);margin-bottom:4px;}
.usp-item p{font-size:0.82rem;color:var(--text-light);}

.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.split img{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:var(--cream-dark);min-height:280px;}
.split .eyebrow{display:block;}
.split h2{font-size:2.1rem;margin-bottom:18px;}
.split p{color:var(--text-light);margin-bottom:16px;}
.split-signature{font-family:'Playfair Display',serif;font-style:italic;color:var(--olive);margin-top:20px;font-size:1.05rem;}

.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.prod-card{
  background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  transition:transform .25s ease, box-shadow .25s ease;display:flex;flex-direction:column;
}
.prod-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.prod-img{background:var(--cream-dark);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:26px;position:relative;}
.prod-img img{max-height:100%;object-fit:contain;}
.prod-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:var(--olive-dark);font-size:0.7rem;font-weight:700;padding:5px 12px;border-radius:100px;letter-spacing:0.03em;}
.prod-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.prod-body h3{font-size:1.15rem;margin-bottom:6px;}
.prod-size{font-size:0.82rem;color:var(--text-light);margin-bottom:10px;}
.prod-taste{font-size:0.85rem;color:var(--text-light);margin-bottom:16px;flex:1;}
.prod-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.prod-price{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;color:var(--olive-dark);}
.prod-price small{font-family:'Inter',sans-serif;font-size:0.7rem;color:var(--text-light);font-weight:400;display:block;}
.add-btn{background:var(--olive);color:var(--white);width:42px;height:42px;border-radius:50%;font-size:1rem;flex:none;transition:.2s;}
.add-btn:hover{background:var(--gold);color:var(--olive-dark);}

.prod-row{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center;background:var(--white);border-radius:20px;box-shadow:var(--shadow);padding:34px;margin-bottom:30px;}
.prod-row .prod-img{border-radius:14px;aspect-ratio:1/1;}
.prod-row-body h3{font-size:1.5rem;margin-bottom:4px;}
.prod-row-meta{display:flex;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap;}
.tag{background:var(--cream-dark);color:var(--olive-dark);font-size:0.75rem;font-weight:600;padding:5px 12px;border-radius:100px;}
.prod-row-body p.desc{color:var(--text-light);margin-bottom:18px;font-size:0.96rem;}
.taste-keywords{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.taste-keywords span{background:rgba(201,162,39,0.12);color:#8a6d13;font-size:0.78rem;font-weight:600;padding:5px 12px;border-radius:100px;}
.prod-row-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.qty-select{display:flex;align-items:center;border:1.5px solid var(--cream-dark);border-radius:100px;overflow:hidden;}
.qty-select button{width:34px;height:34px;font-size:1rem;color:var(--olive);}
.qty-select span{min-width:26px;text-align:center;font-weight:600;}

.taste-chart{max-width:640px;margin:0 auto;display:grid;gap:22px;}
.taste-bar-row{display:grid;grid-template-columns:150px 1fr 40px;align-items:center;gap:16px;}
.taste-bar-label{font-size:0.92rem;font-weight:600;color:var(--olive-dark);}
.taste-bar-track{height:12px;border-radius:10px;background:var(--cream-dark);overflow:hidden;}
.taste-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--olive),var(--gold));transition:width .6s ease;}
.taste-bar-value{font-size:0.85rem;font-weight:700;color:var(--text-light);text-align:right;}
@media (max-width:560px){.taste-bar-row{grid-template-columns:100px 1fr 34px;gap:10px;}}

.cert-strip{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;padding:40px 0;}
.cert-item{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--cream);opacity:0.9;text-align:center;max-width:160px;}
.cert-item i{font-size:1.8rem;color:var(--gold-light);}
.cert-item span{font-size:0.8rem;}

.sustain-box{background:var(--cream-dark);border-radius:20px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.sustain-box i{font-size:2.4rem;color:var(--olive);margin-bottom:10px;}
.sustain-list{display:grid;gap:18px;}
.sustain-list-item{display:flex;gap:14px;}
.sustain-list-item i{font-size:1.2rem;color:var(--gold);flex:none;margin-top:3px;}
.sustain-list-item h4{font-size:1rem;margin-bottom:3px;color:var(--olive-dark);}
.sustain-list-item p{font-size:0.88rem;color:var(--text-light);}

.about-hero{padding:70px 0 30px;text-align:center;}
.about-hero h1{font-size:2.6rem;max-width:700px;margin:0 auto 16px;}
.founders{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:50px 0;}
.founder-card{background:var(--white);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);text-align:center;}
.founder-avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--olive),var(--gold));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--white);font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;}
.founder-card h4{margin-bottom:2px;}
.founder-card span{font-size:0.85rem;color:var(--text-light);}
.story-text{max-width:760px;margin:0 auto;}
.story-text p{color:var(--text-light);margin-bottom:18px;font-size:1.02rem;}
.story-text h3{margin:34px 0 14px;font-size:1.4rem;color:var(--olive-dark);}
.quote-block{border-left:4px solid var(--gold);padding:18px 28px;margin:34px 0;background:var(--cream-dark);border-radius:0 14px 14px 0;font-family:'Playfair Display',serif;font-style:italic;font-size:1.2rem;color:var(--olive-dark);}
.region-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;}
.region-card{background:var(--white);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);}
.region-card i{font-size:1.5rem;color:var(--gold);margin-bottom:10px;}
.region-card h4{font-size:1rem;margin-bottom:6px;}
.region-card p{font-size:0.86rem;color:var(--text-light);}

.faq-item{background:var(--white);border-radius:14px;box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;font-weight:600;font-size:1rem;color:var(--olive-dark);}
.faq-q i{transition:transform .25s;color:var(--gold);}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 26px;}
.faq-item.open .faq-a{max-height:220px;padding-bottom:22px;}
.faq-a p{color:var(--text-light);font-size:0.94rem;}

.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;}
.contact-info-card{background:var(--olive-dark);color:var(--cream);border-radius:20px;padding:40px;}
.contact-info-card h3{color:var(--white);margin-bottom:20px;}
.contact-info-row{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start;}
.contact-info-row i{color:var(--gold-light);font-size:1.1rem;margin-top:3px;}
.contact-info-row span{font-size:0.92rem;color:#e6e2d2;}
.contact-info-row strong{display:block;color:var(--white);font-size:0.95rem;margin-bottom:2px;}
.legal-box{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.15);font-size:0.82rem;color:#c9c4ac;line-height:1.9;}
form.contact-form{background:var(--white);border-radius:20px;padding:40px;box-shadow:var(--shadow);}
.form-row{margin-bottom:18px;}
.form-row label{display:block;font-size:0.85rem;font-weight:600;margin-bottom:6px;color:var(--olive-dark);}
.form-row input, .form-row textarea, .form-row select{
  width:100%;padding:13px 16px;border:1.5px solid var(--cream-dark);border-radius:10px;font-family:inherit;font-size:0.95rem;background:var(--cream);
}
.form-row input:focus, .form-row textarea:focus{outline:none;border-color:var(--olive);}
.form-msg{background:#e7f0e0;color:var(--olive-dark);padding:14px 18px;border-radius:10px;margin-bottom:18px;font-size:0.9rem;}
.form-msg.error{background:#f7e2e2;color:#8a2c2c;}

.policy-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:34px;flex-wrap:wrap;}
.policy-tab{padding:10px 22px;border-radius:100px;background:var(--white);font-size:0.88rem;font-weight:600;color:var(--text-light);box-shadow:var(--shadow);}
.policy-tab.active{background:var(--olive);color:var(--white);}
.policy-panel{display:none;background:var(--white);border-radius:20px;padding:44px;box-shadow:var(--shadow);max-width:800px;margin:0 auto;scroll-margin-top:100px;}
.policy-panel.active{display:block;}
.policy-panel h3{margin-bottom:16px;}
.policy-panel p{color:var(--text-light);margin-bottom:14px;font-size:0.93rem;}
.policy-panel h4{margin:20px 0 8px;font-size:1rem;color:var(--olive-dark);}
.policy-note{background:rgba(201,162,39,0.12);border-radius:10px;padding:14px 18px;font-size:0.82rem;color:#8a6d13;margin-top:22px;}

.cta-banner{background:linear-gradient(120deg,var(--olive) 0%,var(--olive-dark) 100%);border-radius:24px;padding:60px;text-align:center;color:var(--white);}
.cta-banner h2{color:var(--white);margin-bottom:14px;}
.cta-banner p{color:#e3ddc8;margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto;}

footer{background:var(--olive-dark);color:#cfc9b0;padding:60px 0 26px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px;margin-bottom:40px;}
.footer-logo{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--white);margin-bottom:14px;}
.footer-grid p{font-size:0.87rem;color:#b7b096;}
.footer-grid h5{color:var(--white);font-size:0.9rem;margin-bottom:16px;letter-spacing:0.03em;}
.footer-grid li{margin-bottom:10px;}
.footer-grid a{font-size:0.87rem;color:#b7b096;transition:color .2s;}
.footer-grid a:hover{color:var(--gold-light);}
.footer-social{display:flex;gap:14px;margin-top:16px;}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;}
.footer-social a:hover{background:var(--gold);color:var(--olive-dark);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:22px;display:flex;justify-content:space-between;font-size:0.8rem;color:#a29c83;flex-wrap:wrap;gap:10px;}
.payment-icons{display:flex;gap:10px;font-size:1.5rem;color:#b7b096;}

.overlay{position:fixed;inset:0;background:rgba(20,20,14,0.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:300;}
.overlay.show{opacity:1;pointer-events:auto;}
.cart-drawer{
  position:fixed;top:0;right:-420px;width:400px;max-width:92vw;height:100vh;background:var(--white);
  z-index:301;box-shadow:-10px 0 40px rgba(0,0,0,0.2);transition:right .35s ease;display:flex;flex-direction:column;
}
.cart-drawer.show{right:0;}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--cream-dark);}
.cart-head h3{font-size:1.2rem;}
.cart-items{flex:1;overflow-y:auto;padding:10px 26px;}
.cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--cream-dark);align-items:center;}
.cart-item img{width:56px;height:56px;object-fit:contain;background:var(--cream-dark);border-radius:8px;padding:6px;}
.cart-item-info{flex:1;}
.cart-item-info h4{font-size:0.92rem;margin-bottom:2px;}
.cart-item-info span{font-size:0.78rem;color:var(--text-light);}
.cart-item-price{font-weight:700;font-size:0.9rem;color:var(--olive-dark);}
.cart-remove{color:#b23a3a;font-size:0.9rem;margin-left:8px;}
.cart-empty{text-align:center;padding:60px 20px;color:var(--text-light);}
.cart-empty i{font-size:2.4rem;color:var(--cream-dark);margin-bottom:14px;}
.cart-delivery{padding:14px 26px;border-top:1px solid var(--cream-dark);background:var(--cream);}
.delivery-options{display:flex;flex-direction:column;gap:8px;}
.delivery-option{display:flex;align-items:center;gap:8px;font-size:0.86rem;font-weight:600;color:var(--olive-dark);cursor:pointer;}
.delivery-option input{accent-color:var(--olive);}
.cart-footer{padding:22px 26px 28px;border-top:1px solid var(--cream-dark);}
.cart-subtotal{display:flex;justify-content:space-between;margin-bottom:10px;font-size:0.92rem;color:var(--text-light);}
.cart-subtotal.cart-total{font-size:1rem;font-weight:700;color:var(--olive-dark);margin-bottom:16px;}
.cart-note{font-size:0.76rem;color:var(--text-light);text-align:center;margin-top:10px;}
.toast{
  position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--olive-dark);color:var(--white);
  padding:14px 26px;border-radius:100px;font-size:0.88rem;font-weight:600;z-index:400;opacity:0;pointer-events:none;transition:all .3s;
  display:flex;align-items:center;gap:10px;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast i{color:var(--gold-light);}

@media(max-width:980px){
  .split, .contact-grid, .sustain-box, .founders{grid-template-columns:1fr;}
  .split img{order:-1;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .usp-grid{grid-template-columns:repeat(2,1fr);}
  .region-strip{grid-template-columns:1fr;}
}
@media(max-width:760px){
  nav.main-nav{position:fixed;top:69px;left:0;right:0;background:var(--cream);flex-direction:column;padding:16px 24px 26px;gap:6px;border-bottom:1px solid var(--cream-dark);display:none;}
  nav.main-nav.open{display:flex;}
  nav.main-nav a{padding:10px 0;}
  .nav-toggle{display:flex;}
  .hero h1{font-size:2.3rem;}
  .prod-grid{grid-template-columns:1fr;}
  .prod-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .cta-banner{padding:40px 24px;}
  .section{padding:60px 0;}
}

/* ===================== Admin ===================== */
.admin-body{background:var(--cream-dark);min-height:100vh;}
.admin-header{background:var(--olive-dark);color:var(--cream);padding:18px 0;}
.admin-header .container{display:flex;align-items:center;justify-content:space-between;}
.admin-header a{color:var(--cream);}
.admin-header .brand{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--white);}
.admin-wrap{max-width:1100px;margin:40px auto;padding:0 24px;}
.admin-card{background:var(--white);border-radius:16px;box-shadow:var(--shadow);padding:30px;margin-bottom:24px;}
.admin-table{width:100%;border-collapse:collapse;}
.admin-table th, .admin-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cream-dark);font-size:0.92rem;}
.admin-table th{color:var(--text-light);font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;}
.admin-table tr:hover td{background:var(--cream);}
.status-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:0.76rem;font-weight:700;}
.status-pending{background:#f0e6c8;color:#8a6d13;}
.status-paid{background:#dcead0;color:#3a5f1f;}
.status-label_created{background:#d7e6ee;color:#1f4959;}
.status-shipped{background:#5b6b3a;color:#fff;}
.status-cancelled{background:#f2d6d6;color:#8a2c2c;}
.admin-login-box{max-width:380px;margin:90px auto;}
.admin-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start;}
.admin-kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--cream-dark);font-size:0.9rem;}
.admin-kv span:first-child{color:var(--text-light);}
.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.admin-back{font-size:0.88rem;color:var(--text-light);margin-bottom:18px;display:inline-flex;align-items:center;gap:6px;}

/* ===================== Nieuws ===================== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.news-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .25s ease, box-shadow .25s ease;}
.news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.news-card-img{aspect-ratio:16/10;background:var(--cream-dark);overflow:hidden;}
.news-card-img img{width:100%;height:100%;object-fit:cover;}
.news-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;}
.news-date{font-size:0.78rem;color:var(--gold);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:8px;}
.news-card-body h3{font-size:1.15rem;margin-bottom:10px;line-height:1.3;}
.news-excerpt{color:var(--text-light);font-size:0.92rem;flex:1;margin-bottom:16px;}
.news-readmore{font-weight:600;font-size:0.88rem;color:var(--olive);display:inline-flex;align-items:center;gap:6px;}
.news-readmore:hover{color:var(--gold);}
.news-empty{text-align:center;color:var(--text-light);padding:60px 20px;}

.article-hero{padding:60px 0 10px;}
.article-hero .eyebrow{display:block;}
.article-hero h1{font-size:2.4rem;max-width:760px;margin:0 auto 14px;}
.article-meta{color:var(--text-light);font-size:0.9rem;margin-bottom:30px;}
.article-img{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:40px;aspect-ratio:16/8;background:var(--cream-dark);}
.article-img img{width:100%;height:100%;object-fit:cover;}
.article-body{max-width:720px;margin:0 auto;}
.article-body p{color:var(--text-light);font-size:1.02rem;margin-bottom:20px;white-space:pre-line;}
.article-back{display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-light);margin-bottom:24px;}
.article-back:hover{color:var(--olive);}

@media(max-width:980px){
  .news-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:760px){
  .news-grid{grid-template-columns:1fr;}
  .article-hero h1{font-size:1.9rem;}
}

/* ===================== Admin nav & product beheer ===================== */
.admin-nav-links{display:flex;align-items:center;gap:26px;}
.admin-nav-links a{font-size:0.9rem;font-weight:600;color:#d8d3bd;}
.admin-nav-links a:hover{color:var(--gold-light);}
.admin-nav-links a.active{color:var(--white);border-bottom:2px solid var(--gold);padding-bottom:4px;}
.table-thumb{width:44px;height:44px;object-fit:contain;background:var(--cream-dark);border-radius:8px;padding:4px;}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;}
.status-pill{display:inline-block;padding:3px 10px;border-radius:100px;font-size:0.72rem;font-weight:700;}
.status-pill.on{background:#dcead0;color:#3a5f1f;}
.status-pill.off{background:#f0e6c8;color:#8a6d13;}
.product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.product-form-grid .form-row-full{grid-column:1 / -1;}
.image-upload-row{display:flex;gap:20px;align-items:flex-start;}
.image-preview{width:90px;height:90px;border-radius:10px;background:var(--cream-dark);object-fit:contain;padding:8px;flex:none;}
.checkbox-row{display:flex;align-items:center;gap:10px;}
.checkbox-row input{width:auto;}
.admin-row-actions{display:flex;gap:10px;flex-wrap:wrap;}
.admin-row-actions form{display:inline;}
.btn-sm{padding:7px 14px;font-size:0.8rem;}
.field-hint{font-size:0.78rem;color:var(--text-light);margin-top:6px;}
.field-hint code{background:var(--cream-dark);padding:1px 6px;border-radius:4px;font-size:0.76rem;}
@media(max-width:760px){
  .product-form-grid{grid-template-columns:1fr;}
}

/* ===================== Content-beheer (CMS) & dynamische pagina's ===================== */
.content-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}
.content-page-card{display:block;background:var(--cream);border:1px solid var(--cream-dark);border-radius:12px;padding:22px;transition:box-shadow .2s ease, transform .2s ease;position:relative;}
.content-page-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.content-page-card h3{font-size:1.05rem;margin-bottom:6px;color:var(--olive-dark);}
.content-page-card span{font-size:0.82rem;color:var(--text-light);}
.content-page-card i{position:absolute;top:22px;right:20px;color:var(--gold);}
.story-photo{width:100%;max-height:420px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-lg);margin:32px 0;}