/* ==========================================================================
   Sumisu Knives — exit-intent popup (5% extra korting)
   ========================================================================== */
.sk-exit{ position:fixed; inset:0; z-index:100070; display:flex; align-items:center; justify-content:center; padding:24px; }
.sk-exit[hidden]{ display:none !important; }
.sk-exit__backdrop{ position:absolute; inset:0; background:rgba(10,9,8,.62); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); opacity:0; transition:opacity .32s ease; cursor:pointer; }
.sk-exit__box{
  position:relative; display:grid; grid-template-columns:44% 56%; width:min(860px,100%); max-height:calc(100vh - 48px); overflow:hidden;
  background:#fbf8f3; border-radius:18px; box-shadow:0 40px 100px -30px rgba(0,0,0,.65), 0 0 0 1px rgba(200,169,110,.28);
  opacity:0; transform:translateY(14px) scale(.985); transition:opacity .32s ease, transform .38s cubic-bezier(.2,.8,.2,1);
}
.sk-exit.is-open .sk-exit__backdrop{ opacity:1; }
.sk-exit.is-open .sk-exit__box{ opacity:1; transform:none; }
html.sk-exit-open{ overflow:hidden; }

/* beeld links */
.sk-exit__media{ position:relative; background:#1a1816; min-height:100%; }
.sk-exit__media picture, .sk-exit__media img{ display:block; width:100%; height:100%; }
.sk-exit__media img{ object-fit:cover; object-position:50% 45%; }
.sk-exit__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,9,8,0) 55%,rgba(10,9,8,.72) 100%); pointer-events:none; }
.sk-exit__badge{
  position:absolute; top:22px; left:22px; z-index:1; width:92px; height:92px; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  background:linear-gradient(135deg,#b87935,#e6b76f); color:#111; box-shadow:0 14px 30px -12px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.35);
}
.sk-exit__badge-num{ font-family:'Cormorant Garamond',Georgia,serif; font-size:34px; font-weight:600; line-height:1; }
.sk-exit__badge-txt{ font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; line-height:1.2; margin-top:3px; max-width:70px; }
.sk-exit__caption{ position:absolute; left:22px; bottom:18px; z-index:1; color:#e6cf9f; font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }

/* tekst rechts */
.sk-exit__body{ padding:46px 44px 34px; overflow-y:auto; display:flex; flex-direction:column; justify-content:center; }
.sk-exit__step[hidden]{ display:none !important; }
.sk-exit__eyebrow{ display:flex; align-items:center; gap:10px; font-size:10.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:#8a5a26; margin-bottom:14px; }
.sk-exit__eyebrow::before{ content:""; width:26px; height:1px; background:#c8a96e; }
.sk-exit .sk-exit__title{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:clamp(30px,3.4vw,40px); line-height:1.06; color:#111; margin:0 0 14px; letter-spacing:-.01em; }
.sk-exit .sk-exit__title::before{ display:none !important; }
.sk-exit__title em{ font-style:italic; color:#a8743a; }
.sk-exit__text{ font-size:14.5px; line-height:1.6; color:#5a5048; margin:0 0 22px; }

/* CF7-formulier */
.sk-exit__form .wpcf7{ margin:0; }
.sk-exit__form .wpcf7 form{ margin:0; }
.sk-exit__form .cf7div, .sk-exit__form .input-container{ display:flex; flex-direction:column; gap:10px; width:100%; max-width:none; margin:0; padding:0; background:none; border:0; }
.sk-exit__form .wpcf7-form-control-wrap{ display:block; width:100%; }
.sk-exit__form input[type=email]{
  width:100% !important; height:52px; padding:0 18px !important; border-radius:10px !important; border:1px solid #d9cfc2 !important;
  background:#fff !important; color:#111 !important; font-size:15px !important; box-shadow:none !important; outline:none; transition:border-color .2s ease, box-shadow .2s ease;
}
.sk-exit__form input[type=email]:focus{ border-color:#c8a96e !important; box-shadow:0 0 0 3px rgba(200,169,110,.22) !important; }
.sk-exit__form input[type=submit], .sk-exit__form .wpcf7-submit{
  width:100% !important; height:52px; border:0 !important; border-radius:10px !important; cursor:pointer;
  background:linear-gradient(135deg,#b87935,#e6b76f) !important; color:#111 !important;
  font-size:12.5px !important; font-weight:800 !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  box-shadow:0 14px 28px -16px rgba(168,116,58,.9); transition:transform .15s ease, filter .15s ease; margin:0 !important;
}
.sk-exit__form .wpcf7-submit:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.sk-exit__form .wpcf7-spinner{ position:absolute; margin:16px 0 0 -40px; }
.sk-exit__form .wpcf7-not-valid-tip{ font-size:12px; margin-top:6px; color:#b3261e; }
.sk-exit__form .wpcf7-response-output{ margin:10px 0 0 !important; padding:8px 12px !important; border-radius:8px; font-size:13px; }
.sk-exit__form form.sent .wpcf7-response-output{ display:none; }

.sk-exit__usps{ list-style:none; margin:18px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; }
.sk-exit__usps li{ display:flex; align-items:center; gap:6px; font-size:12px; color:#3d3530; }
.sk-exit__usps svg{ color:#1f7a4d; flex:0 0 auto; }
.sk-exit__fine{ font-size:11.5px; color:#8a7d70; margin:14px 0 0; }
.sk-exit__decline{ align-self:flex-start; margin-top:8px; padding:4px 0; background:none; border:0; font-size:12px; color:#8a7d70; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.sk-exit__decline:hover{ color:#111; }

/* succes */
.sk-exit__code{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 10px 10px 20px; border:1.5px dashed #c8a96e; border-radius:12px; background:#fff; margin-bottom:16px; }
.sk-exit__code-val{ font-family:'Cormorant Garamond',Georgia,serif; font-size:30px; font-weight:600; letter-spacing:.12em; color:#111; }
.sk-exit__copy{ height:42px; padding:0 18px; border-radius:8px; border:1px solid #111; background:#111; color:#fff; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.sk-exit__copy.is-copied{ background:#1f7a4d; border-color:#1f7a4d; }
.sk-exit__cta{ width:100%; height:50px; border-radius:10px; border:1px solid #111; background:transparent; color:#111; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.sk-exit__cta:hover{ background:#111; color:#fff; }

/* sluitknop */
.sk-exit__close{
  position:absolute; top:14px; right:14px; z-index:3; width:40px; height:40px; border-radius:50%; border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92); color:#111; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .2s ease, background .2s ease;
}
.sk-exit__close:hover{ background:#fff; transform:rotate(90deg); }

/* mobiel: beeld als banner boven, formulier eronder, sheet onderaan */
@media (max-width:720px){
  .sk-exit{ align-items:flex-end; padding:0; }
  .sk-exit__box{ grid-template-columns:1fr; width:100%; max-height:92vh; border-radius:20px 20px 0 0; transform:translateY(40px); }
  .sk-exit__media{ height:170px; min-height:0; }
  .sk-exit__media img{ object-position:50% 60%; }
  .sk-exit__badge{ width:74px; height:74px; top:auto; bottom:-24px; left:auto; right:20px; }
  .sk-exit__badge-num{ font-size:27px; }
  .sk-exit__badge-txt{ font-size:8px; max-width:58px; }
  .sk-exit__caption{ bottom:14px; }
  .sk-exit__body{ padding:30px 22px 24px; }
  .sk-exit .sk-exit__title{ font-size:30px; padding-right:60px; }
  .sk-exit__text{ font-size:14px; margin-bottom:18px; }
  .sk-exit__usps{ gap:6px 12px; }
}
@media (prefers-reduced-motion:reduce){ .sk-exit__box, .sk-exit__backdrop{ transition:none; } }

/* override van footer-/thema-regels voor het CF7-formulier en koppen */
html body .sk-exit .sk-exit__form, html body .sk-exit .sk-exit__form .wpcf7, html body .sk-exit .sk-exit__form form{ float:none !important; display:block !important; width:100% !important; max-width:none !important; clear:both; }
html body .sk-exit .sk-exit__usps{ clear:both; width:100%; float:none; }
html body .sk-exit h2.sk-exit__title{ font-family:'Cormorant Garamond',Georgia,serif !important; font-weight:500 !important; text-transform:none !important; letter-spacing:-.01em !important; }
html body .sk-exit .sk-exit__usps li{ margin:0 !important; padding:0 !important; line-height:1.5 !important; list-style:none !important; }