/* Mortex Home 1.0.0 */
.mh-eyebrow { display:block; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--mortex-gold,#c9a96e); margin-bottom:10px; }
.mh-title { font-family:var(--mortex-font-heading,'Cormorant Garamond',Georgia,serif); font-weight:400; font-size:clamp(28px,3.4vw,42px); line-height:1.15; color:var(--mortex-black,#1a1a1a); margin:0 0 14px; }
.mh-lead { color:var(--mortex-grey,#7a7a7a); font-size:16px; line-height:1.7; margin:0 0 26px; max-width:520px; }
.mh-head { text-align:center; margin:0 auto 36px; max-width:680px; }
.mh-center { text-align:center; margin-top:36px; }
a.mh-btn, a.mh-btn:visited { display:inline-flex; align-items:center; gap:10px; padding:16px 30px; background:#1a1a1a; color:#fff !important; text-decoration:none !important; font-size:13px; letter-spacing:.14em; text-transform:uppercase; transition:background .2s; }
a.mh-btn:hover { background:var(--mortex-gold,#c9a96e); }
a.mh-btn--ghost { background:transparent; color:#1a1a1a !important; border:1px solid #1a1a1a; }
a.mh-btn--ghost:hover { background:#1a1a1a; color:#fff !important; }

/* USP */
.mh-usp { padding:22px var(--mortex-gutter,24px); }
.mh-usp--licht { background:var(--mortex-cream,#f5f0eb); }
.mh-usp--donker { background:#1a1a1a; color:#fff; }
.mh-usp--wit { background:#fff; border-top:1px solid #ece6dc; border-bottom:1px solid #ece6dc; }
.mh-usp__inner { max-width:var(--mortex-container,1280px); margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.mh-usp__item { display:flex; align-items:center; gap:12px; justify-content:center; }
.mh-usp__icon { width:34px; height:34px; flex:0 0 34px; color:var(--mortex-gold,#c9a96e); }
.mh-usp__icon svg { width:100%; height:100%; }
.mh-usp__txt strong { display:block; font-weight:500; font-size:14px; letter-spacing:.02em; }
.mh-usp__txt small { display:block; font-size:12px; opacity:.65; margin-top:2px; }

/* Bestsellers */
.mh-best { max-width:var(--mortex-container,1280px); margin:0 auto; padding:0 var(--mortex-gutter,24px); }
.mh-best__grid { display:grid; gap:24px; }
.mh-best__grid--4 { grid-template-columns:repeat(4,1fr); }
.mh-best__grid--3 { grid-template-columns:repeat(3,1fr); }
a.mh-best__card { display:flex; flex-direction:column; text-decoration:none !important; color:#1a1a1a !important; }
.mh-best__img { display:block; aspect-ratio:1; background:var(--mortex-cream-light,#faf8f5); overflow:hidden; margin-bottom:14px; }
.mh-best__img img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
a.mh-best__card:hover .mh-best__img img { transform:scale(1.04); }
.mh-best__name { font-family:var(--mortex-font-heading,Georgia,serif); font-size:22px; line-height:1.2; }
.mh-best__dim { font-size:12px; color:#8a8a8a; margin-top:4px; }
.mh-best__price { margin-top:8px; font-size:15px; font-weight:500; }
.mh-best__price .mortex-vanaf__label { font-size:12px; font-weight:400; color:#8a8a8a; }
.mh-best__price del { opacity:.5; font-size:.85em; margin-right:4px; }
.mh-best__price ins { text-decoration:none; }
.mh-best__more { margin-top:10px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; display:inline-flex; align-items:center; gap:6px; border-bottom:1px solid var(--mortex-gold,#c9a96e); align-self:flex-start; padding-bottom:2px; }

/* Configurator-blok */
.mh-cfg { max-width:var(--mortex-container,1280px); margin:0 auto; padding:56px var(--mortex-gutter,24px); display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; background:var(--mortex-cream-light,#faf8f5); }
.mh-cfg__shapes { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
a.mh-cfg__shape { display:flex; flex-direction:column; align-items:center; gap:8px; padding:20px 10px 14px; background:#fff; border:1px solid #ece6dc; text-decoration:none !important; color:#1a1a1a !important; font-size:12px; letter-spacing:.08em; text-transform:uppercase; transition:border-color .2s, transform .3s; animation:mhIn .6s ease both; animation-delay:var(--d); }
a.mh-cfg__shape:hover { border-color:var(--mortex-gold,#c9a96e); transform:translateY(-2px); }
.mh-cfg__shape svg { width:72px; height:54px; fill:#efe6d8; stroke:#1a1a1a; stroke-width:1.3; transition:fill .2s; }
a.mh-cfg__shape:hover svg { fill:var(--mortex-gold,#c9a96e); }
@keyframes mhIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

/* Reviews */
.mh-rev { max-width:var(--mortex-container,1280px); margin:0 auto; padding:0 var(--mortex-gutter,24px); }
.mh-rev__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.mh-rev__card { margin:0; background:#fff; border:1px solid #ece6dc; display:flex; flex-direction:column; }
.mh-rev__card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.mh-rev__card figcaption { padding:20px 22px 22px; }
.mh-rev__stars { color:var(--mortex-gold,#c9a96e); letter-spacing:2px; font-size:14px; }
.mh-rev__card blockquote { margin:8px 0 12px; font-family:var(--mortex-font-heading,Georgia,serif); font-size:19px; line-height:1.45; color:#1a1a1a; border:0; padding:0; }
.mh-rev__who { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#8a8a8a; }

@media (max-width:1024px) {
  .mh-usp__inner { grid-template-columns:repeat(2,1fr); }
  .mh-best__grid--4 { grid-template-columns:repeat(2,1fr); }
  .mh-cfg { grid-template-columns:1fr; gap:32px; }
  .mh-rev__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .mh-usp__item { justify-content:flex-start; }
  .mh-best__grid--3 { grid-template-columns:repeat(2,1fr); gap:16px; }
  .mh-best__name { font-size:18px; }
  .mh-rev__grid { grid-template-columns:1fr; }
  .mh-cfg { padding:40px 20px; }
}

/* 1.0.1 ruimte rond blokken (los van Elementor-containerpadding) */
.mh-best { margin-bottom: 72px; }
.mh-cfg { margin-bottom: 24px; }
.mh-usp { margin-bottom: 0; }

/* 1.1.0 Pagina interieurontwerpers */
.mdz { color:#1a1a1a; }
.mdz-hero { position:relative; min-height:78vh; display:flex; align-items:flex-end; background:#2c2c2c center/cover no-repeat; color:#fff; }
.mdz-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%); }
.mdz-hero__inner { position:relative; max-width:var(--mortex-container,1280px); width:100%; margin:0 auto; padding:140px var(--mortex-gutter,24px) 90px; }
.mdz-hero .mh-eyebrow { color:#e2c89a; }
.mdz-hero__title { font-family:var(--mortex-font-heading,Georgia,serif); font-weight:400; font-size:clamp(36px,5vw,64px); line-height:1.08; max-width:14ch; margin:0 0 18px; color:#fff; }
.mdz-hero__lead { max-width:560px; font-size:17px; line-height:1.7; color:rgba(255,255,255,.88); margin:0 0 30px; }
.mdz-hero__ctas { display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.mdz-hero a.mh-btn { background:#fff; color:#1a1a1a !important; }
.mdz-hero a.mh-btn:hover { background:var(--mortex-gold,#c9a96e); color:#fff !important; }
a.mdz-link { color:#fff !important; text-decoration:none !important; border-bottom:1px solid rgba(255,255,255,.6); padding-bottom:3px; font-size:14px; letter-spacing:.06em; }
.mdz-sec { max-width:var(--mortex-container,1280px); margin:0 auto; padding:96px var(--mortex-gutter,24px); }
.mdz-sec--cream { max-width:none; background:var(--mortex-cream,#f5f0eb); }
.mdz-sec--cream > * { max-width:var(--mortex-container,1280px); margin-left:auto; margin-right:auto; }
.mdz-usps { display:grid; grid-template-columns:repeat(3,1fr); gap:44px 40px; margin-top:8px; }
.mdz-usp h3 { font-family:var(--mortex-font-heading,Georgia,serif); font-weight:400; font-size:24px; margin:14px 0 8px; }
.mdz-usp p { color:#6b6b6b; font-size:15px; line-height:1.7; margin:0; }
.mdz-usp__dot { display:block; width:28px; height:1px; background:var(--mortex-gold,#c9a96e); }
.mdz-duo { display:grid; grid-template-columns:1.1fr 1fr .6fr; gap:40px; align-items:center; max-width:var(--mortex-container,1280px); margin:0 auto; padding:0 var(--mortex-gutter,24px) 96px; }
.mdz-duo__img { aspect-ratio:4/5; background:#eee center/cover no-repeat; }
.mdz-duo__img--small { aspect-ratio:3/4; align-self:end; }
.mdz-duo__text p { color:#6b6b6b; line-height:1.75; }
.mdz-list { list-style:none; padding:0; margin:18px 0 0; }
.mdz-list li { padding:9px 0 9px 22px; border-bottom:1px solid #ece6dc; position:relative; font-size:15px; }
.mdz-list li::before { content:''; position:absolute; left:0; top:18px; width:10px; height:1px; background:var(--mortex-gold,#c9a96e); }
.mdz-steps { list-style:none; padding:0; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:32px; }
.mdz-steps li { background:#fff; padding:30px 26px; }
.mdz-steps__n { font-family:var(--mortex-font-heading,Georgia,serif); font-size:34px; color:var(--mortex-gold,#c9a96e); }
.mdz-steps h3 { font-family:var(--mortex-font-heading,Georgia,serif); font-weight:400; font-size:22px; margin:10px 0 8px; }
.mdz-steps p { color:#6b6b6b; font-size:14px; line-height:1.7; margin:0; }
.mdz-gal { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.mdz-gal__item { aspect-ratio:3/2; overflow:hidden; }
.mdz-gal__item img { width:100%; height:100%; object-fit:cover; transition:transform .8s ease; }
.mdz-gal__item:hover img { transform:scale(1.04); }
.mdz-form-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; align-items:start; }
.mdz-contact a { color:#1a1a1a !important; border-bottom:1px solid var(--mortex-gold,#c9a96e); text-decoration:none !important; }
.mdz-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mdz-form label { display:flex; flex-direction:column; gap:6px; font-size:13px; color:#6b6b6b; }
.mdz-form .mdz-full { grid-column:1 / -1; }
.mdz-form input[type=text], .mdz-form input[type=email], .mdz-form input[type=tel], .mdz-form textarea { font:inherit; font-size:15px; padding:12px 14px; border:1px solid #ddd5c8; background:#fff; color:#1a1a1a; border-radius:0; }
.mdz-form input:focus, .mdz-form textarea:focus { outline:none; border-color:var(--mortex-gold,#c9a96e); }
.mdz-form .mdz-check { flex-direction:row; align-items:center; gap:10px; color:#1a1a1a; font-size:14px; }
.mdz-form .mdz-check input { accent-color:#1a1a1a; }
.mdz-hp { position:absolute !important; left:-9999px !important; height:0; overflow:hidden; }
.mdz-form button.mdz-submit, .mdz-form button.mdz-submit:hover, .mdz-form button.mdz-submit:focus { grid-column:1 / -1; justify-self:start; padding:16px 32px; background:#1a1a1a !important; color:#fff !important; border:0 !important; font-size:13px; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.mdz-form button.mdz-submit:hover { background:var(--mortex-gold,#c9a96e) !important; }
.mdz-ok, .mdz-err { padding:22px 24px; border-left:3px solid var(--mortex-gold,#c9a96e); background:#faf8f5; line-height:1.6; }
.mdz-err { border-color:#b83c3c; margin-bottom:16px; }
body.page .site-main > .page-header:has(+ .page-content .mdz), .mdz-page .page-header { display:none; }
@media (max-width:1024px) {
  .mdz-usps { grid-template-columns:repeat(2,1fr); }
  .mdz-duo { grid-template-columns:1fr 1fr; }
  .mdz-duo__img--small { display:none; }
  .mdz-steps { grid-template-columns:repeat(2,1fr); }
  .mdz-form-grid { grid-template-columns:1fr; gap:32px; }
}
@media (max-width:640px) {
  .mdz-usps, .mdz-duo, .mdz-steps, .mdz-form { grid-template-columns:1fr; }
  .mdz-gal { grid-template-columns:repeat(2,1fr); }
  .mdz-sec { padding:64px 20px; }
  .mdz-hero { min-height:70vh; }
}

/* 1.1.1 hero designerpagina: volledig onder transparante header, betere leesbaarheid */
.mdz-page .site-main, .mdz-page .page-content { padding-top:0 !important; margin-top:0 !important; }
.mdz-hero { min-height:88vh; }
.mdz-hero__shade { background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.12) 75%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 25%); }
.mdz-hero__title, .mdz-hero__lead { text-shadow:0 1px 20px rgba(0,0,0,.3); }
/* 1.1.2 hero-kop altijd wit (thema zet h1 donker) */
.mdz .mdz-hero h1.mdz-hero__title, .mdz .mdz-hero .mdz-hero__title { color:#fff !important; }
.mdz .mdz-hero .mdz-hero__lead { color:rgba(255,255,255,.9) !important; }
