.elementor-9330 .elementor-element.elementor-element-b19cf12{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS */@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&family=Zen+Old+Mincho:wght@700;900&display=swap");

/* ===== Sushi.nl Coming Soon — altijd licht, volledige breedte ===== */
html,body{margin:0;background:#f7f4ee!important;overflow-x:hidden}

.sn{
  --washi:#f7f4ee; --raised:#ffffff; --hinoki:#d8c29c; --hinoki-dark:#c4ab80;
  --ai:#1f3a5f; --ai-deep:#152a47; --on-ai:#f7f4ee; --ai-soft:#e3eaf3;
  --sumi:#1c1e23; --muted:#5a5d64; --line:#e0d9cc; --line-strong:#8a8479;
  --beni:#b3362a; --on-beni:#f7f4ee; --plate:#ffffff;
  --display:"Zen Old Mincho","Hiragino Mincho ProN",Georgia,serif;
  --sans:"Zen Kaku Gothic New","Hiragino Sans",system-ui,sans-serif;
  color-scheme:light;
  position:relative;
  width:100vw!important; max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important;
  min-height:100vh; min-height:100dvh;
  display:grid; grid-template-rows:auto 1fr auto;
  background:var(--washi)!important; color:var(--sumi)!important;
  font-family:var(--sans)!important; font-size:16px; line-height:1.6;
  overflow:hidden;
}
.sn *{box-sizing:border-box}
.sn p{margin:0}

/* woordmerk */
.sn .sn-top{display:flex;justify-content:center;padding:32px 16px 0}
.sn .sn-mark{display:flex;align-items:center;gap:10px;font-family:var(--display)!important;font-weight:700!important;font-size:26px!important;line-height:1!important;color:var(--sumi)!important}
.sn .sn-stamp{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:2px;background:var(--beni)!important;color:var(--on-beni)!important;font-family:var(--display)!important;font-size:18px!important;font-weight:700!important;line-height:1!important}

/* midden */
.sn .sn-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center;padding:48px 16px}
.sn .sn-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--sans)!important;font-size:12px!important;line-height:16px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--muted)!important}
.sn .sn-eyebrow::before,.sn .sn-eyebrow::after{content:"";width:28px;height:1px;background:var(--line-strong)}
.sn h1.sn-title{margin:0!important;padding:0!important;max-width:26ch;font-family:var(--display)!important;font-weight:900!important;font-size:clamp(30px,4.4vw,54px)!important;line-height:1.1!important;letter-spacing:-.015em!important;text-transform:none!important;color:var(--sumi)!important;text-wrap:balance}
.sn h1.sn-title .w{display:inline-block;color:var(--sumi)!important;animation:snUp .9s cubic-bezier(.2,.8,.2,1) both}
.sn h1.sn-title em.w{font-style:normal!important;color:var(--ai)!important}
@keyframes snUp{from{transform:translateY(.35em);opacity:.001}to{transform:none;opacity:1}}

/* formulier-blok */
.sn .sn-slot{width:min(520px,100%);display:flex;flex-direction:column;gap:10px;animation:snUp .9s .55s cubic-bezier(.2,.8,.2,1) both}
.sn #signup{display:flex;flex-direction:column;gap:10px;margin:0}
.sn .sn-field{display:flex;align-items:center;gap:6px;padding:6px;background:var(--raised)!important;border:1px solid var(--line-strong)!important;border-radius:2px;transition:border-color .2s,box-shadow .2s}
.sn .sn-field:focus-within{border-color:var(--ai)!important;box-shadow:0 0 0 3px var(--ai-soft)}
.sn .sn-field input{flex:1;min-width:0;font-family:var(--sans)!important;font-size:16px!important;padding:10px 12px!important;border:0!important;background:transparent!important;color:var(--sumi)!important;outline:none;box-shadow:none!important}
.sn .sn-field input::placeholder{color:var(--muted)!important;opacity:1}
.sn #signup button{font-family:var(--sans)!important;font-weight:700!important;font-size:15px!important;line-height:1.3!important;padding:12px 18px!important;border:0!important;border-radius:2px!important;background:var(--ai)!important;color:var(--on-ai)!important;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-transform:none!important}
.sn #signup button:hover{background:var(--ai-deep)!important}
.sn #signup button:focus-visible{outline:2px solid var(--ai);outline-offset:2px}
.sn #signup button svg{transition:transform .2s}
.sn #signup button:hover svg{transform:translateX(3px)}
.sn .sn-err{font-size:14px!important;color:var(--beni)!important}
.sn .sn-fine{font-family:var(--sans)!important;font-size:16px!important;line-height:24px!important;color:var(--muted)!important}
.sn .sn-done{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--ai-soft)!important;color:var(--sumi)!important;border-radius:2px;font-weight:700}
.sn .sn-contact{font-family:var(--sans)!important;font-size:16px!important;line-height:24px!important;color:var(--muted)!important;animation:snUp .9s .7s cubic-bezier(.2,.8,.2,1) both}
.sn .sn-contact a{color:var(--ai)!important;font-weight:700!important;text-decoration:none!important;border-bottom:2px solid var(--hinoki);padding-bottom:1px;user-select:all}
.sn .sn-contact a:hover{border-color:var(--ai)}
.sn .sn-contact a:focus-visible{outline:2px solid var(--ai);outline-offset:3px}
.sn .sn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sn .sn-honey{position:absolute;left:-9999px;width:1px;height:1px}
.sn [hidden]{display:none!important}

/* WPForms-formulier: wordt door het script in het ontwerp gezet */
body:not(.elementor-editor-active):has(.sn) .elementor-widget:not(.sn-in):not(:has(.sn)):has(.wpforms-container),
.sn-form:not(.sn-in){position:absolute!important;left:-9999px!important}
#sn-slot .elementor-widget{width:100%!important;margin:0!important}
#sn-slot .elementor-widget-container{margin:0!important;padding:0!important}
#sn-slot .wpforms-container{margin:0!important;padding:0!important;max-width:none!important}
#sn-slot .wpforms-form{position:relative;display:flex!important;align-items:center;gap:6px;margin:0!important;padding:6px!important;background:var(--raised)!important;border:1px solid var(--line-strong)!important;border-radius:2px!important;transition:border-color .2s,box-shadow .2s}
#sn-slot .wpforms-form:focus-within{border-color:var(--ai)!important;box-shadow:0 0 0 3px var(--ai-soft)}
#sn-slot .wpforms-form:has(em.wpforms-error),#sn-slot .wpforms-form:has(label.wpforms-error){margin-bottom:30px!important}
#sn-slot .wpforms-field-container{flex:1 1 auto;min-width:0;margin:0!important;padding:0!important}
#sn-slot .wpforms-field.wpforms-field-email{margin:0!important;padding:0!important;position:static!important}
#sn-slot .wpforms-field-email .wpforms-field-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important}
#sn-slot .wpforms-form input[type=email]{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;font-family:var(--sans)!important;font-size:16px!important;line-height:1.4!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sumi)!important;box-shadow:none!important;outline:none!important}
#sn-slot .wpforms-form input[type=email]::placeholder{color:var(--muted)!important;opacity:1}
#sn-slot .wpforms-submit-container{flex:0 0 auto;display:flex!important;margin:0!important;padding:0!important}
#sn-slot .wpforms-form button.wpforms-submit{height:auto!important;font-family:var(--sans)!important;font-weight:700!important;font-size:15px!important;line-height:1.3!important;padding:12px 18px!important;border:0!important;border-radius:2px!important;background:var(--ai)!important;color:var(--on-ai)!important;box-shadow:none!important;white-space:nowrap;text-transform:none!important;cursor:pointer}
#sn-slot .wpforms-form button.wpforms-submit:hover{background:var(--ai-deep)!important}
#sn-slot .wpforms-form button.wpforms-submit:focus-visible{outline:2px solid var(--ai)!important;outline-offset:2px}
#sn-slot .wpforms-submit-spinner{display:none!important}
#sn-slot em.wpforms-error,#sn-slot label.wpforms-error{position:absolute!important;left:0;top:100%;margin:8px 0 0!important;padding:0!important;font-family:var(--sans)!important;font-size:14px!important;font-style:normal!important;line-height:20px!important;color:var(--beni)!important;text-align:left}
#sn-slot .wpforms-confirmation-container-full,#sn-slot .wpforms-confirmation-container{margin:0!important;padding:16px 20px!important;background:var(--ai-soft)!important;border:0!important;border-radius:2px!important;color:var(--sumi)!important;font-family:var(--sans)!important;font-size:16px!important;font-weight:700!important;text-align:center}
#sn-slot .wpforms-confirmation-container-full p,#sn-slot .wpforms-confirmation-container p{margin:0!important;color:inherit!important;font:inherit!important}

/* Elementor-formulier (voor later, CSS-klasse sn-form) */
#sn-slot .elementor-form-fields-wrapper{display:flex!important;flex-wrap:nowrap;align-items:center;gap:6px;margin:0!important;padding:6px;background:var(--raised)!important;border:1px solid var(--line-strong)!important;border-radius:2px;transition:border-color .2s,box-shadow .2s}
#sn-slot .elementor-form-fields-wrapper:focus-within{border-color:var(--ai)!important;box-shadow:0 0 0 3px var(--ai-soft)}
#sn-slot .elementor-field-group{width:auto!important;max-width:none!important;flex:1 1 auto;margin:0!important;padding:0!important}
#sn-slot .elementor-field-type-submit{flex:0 0 auto}
#sn-slot .elementor-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#sn-slot input.elementor-field{width:100%;min-height:0;font-family:var(--sans)!important;font-size:16px!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sumi)!important;box-shadow:none!important;outline:none}
#sn-slot input.elementor-field::placeholder{color:var(--muted)!important;opacity:1}
#sn-slot .elementor-button{font-family:var(--sans)!important;font-weight:700!important;font-size:15px!important;line-height:1.3!important;padding:12px 18px!important;border:0!important;border-radius:2px!important;background:var(--ai)!important;color:var(--on-ai)!important;white-space:nowrap;text-transform:none!important}
#sn-slot .elementor-button:hover{background:var(--ai-deep)!important}
#sn-slot .elementor-button:focus-visible{outline:2px solid var(--ai);outline-offset:2px}
#sn-slot .elementor-message{font-family:var(--sans)!important;font-size:16px!important;line-height:24px!important;margin:12px 0 0;text-align:left}
#sn-slot .elementor-message:before{display:none}
#sn-slot .elementor-message-success{padding:14px 18px;background:var(--ai-soft);color:var(--sumi)!important;font-weight:700;border-radius:2px}
#sn-slot .elementor-message-danger,#sn-slot .elementor-error .elementor-message{color:var(--beni)!important}

/* lopende band */
.sn .sn-belt{position:relative;height:190px}
.sn .sn-rail{position:absolute;left:0;right:0;bottom:0;height:64px;background:var(--hinoki);border-top:1px solid var(--hinoki-dark)}
.sn .sn-rail::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,var(--hinoki-dark) 0 2px,transparent 2px 46px);opacity:.7;animation:snSlats var(--slat-dur,1.44s) linear infinite}
@keyframes snSlats{to{background-position:46px 0}}
.sn .sn-lane{position:absolute;left:0;bottom:44px;display:flex;width:max-content;animation:snRun var(--lane-dur,70s) linear infinite}
@keyframes snRun{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.sn .sn-plate{position:relative;width:132px;height:132px;flex:0 0 auto;margin-right:56px}
.sn .sn-plate svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 8px rgba(28,30,35,.12))}

/* mobiel */
@media (max-width:560px){
  .sn .sn-top{padding-top:24px}
  .sn .sn-field{flex-direction:column;align-items:stretch;padding:8px}
  .sn #signup button{justify-content:center}
  #sn-slot .elementor-form-fields-wrapper{flex-direction:column;align-items:stretch;padding:8px}
  #sn-slot .elementor-field-type-submit .elementor-button{width:100%}
  #sn-slot .wpforms-form{flex-direction:column;align-items:stretch;padding:8px!important}
  #sn-slot .wpforms-submit-container,#sn-slot .wpforms-form button.wpforms-submit{width:100%;justify-content:center}
  .sn .sn-belt{height:150px}
  .sn .sn-lane{bottom:40px}
  .sn .sn-plate{width:104px;height:104px;margin-right:36px}
  .sn .sn-rail{height:56px}
}
@media (prefers-reduced-motion:reduce){
  .sn h1.sn-title .w,.sn .sn-slot,.sn .sn-contact,.sn .sn-lane,.sn .sn-rail::before{animation:none}
}/* End custom CSS */