/* wijnhandel-winkel: block-port van ReactBitsPro Blocks/contact-11 (team desks with an inquiry form).
   Tailwind vertaald naar gescopete CSS; kleuren alleen via --m-*-tokens, dark-variant van de bron.
   Sectie px 16/24/32 py 64/80/96; raster max-w 1400 gap 48, vanaf 1024 px twee kolommen gap 64, items-start.
   De whileHover-nudge van de pijl (x 2, y -2 in 0,2 s ease [0.22,1,0.36,1]) en de knop (y -1 bij hover,
   scale 0,99 bij tik) staan hier als CSS-overgangen; de entrees lopen via module.js (WAAPI). */
.msm-wijnhandel-winkel{--wk-p:var(--m-primary,#c06945);--wk-bg:var(--m-bg,#211718);--wk-ink:var(--m-ink,#f3ece4);--wk-s:var(--m-surface,#2b1d1f);--wk-mu:var(--m-muted,#b4a398);--wk-a:var(--m-accent2,#7a2f3b);--wk-l:var(--m-line,#3d2d2f);--wk-ease:cubic-bezier(.22,1,.36,1);box-sizing:border-box;scroll-margin-top:112px;padding:64px 16px;background:var(--wk-bg);color:var(--wk-ink);font-family:var(--m-font-body,'Instrument Sans',Arial,sans-serif);font-size:16px;line-height:1.55}
.msm-wijnhandel-winkel *{box-sizing:border-box}
@media (min-width:640px){.msm-wijnhandel-winkel{padding:80px 24px}}
@media (min-width:1024px){.msm-wijnhandel-winkel{padding:96px 32px}}
.msm-wijnhandel-winkel .wk-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:start;width:100%;max-width:1400px;margin:0 auto}
@media (min-width:1024px){.msm-wijnhandel-winkel .wk-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}}

/* linkerkolom: h2 serif 36/48 px leading 1.1 tracking-tight met cursief woord */
.msm-wijnhandel-winkel .wk-title{margin:0;font:400 36px/1.1 var(--m-font-display,'Fraunces',Georgia,serif);letter-spacing:-.02em;color:var(--wk-ink)}
.msm-wijnhandel-winkel .wk-title em{font-style:italic;color:var(--wk-p)}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-title{font-size:48px}}
/* desks: mt-12 grid gap-x-8 gap-y-10, twee kolommen vanaf 640 px */
.msm-wijnhandel-winkel .wk-desks{display:grid;grid-template-columns:minmax(0,1fr);gap:40px 32px;margin-top:48px}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-desks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.msm-wijnhandel-winkel .wk-desk-label{margin:0;font:italic 400 18px/1.4 var(--m-font-display,'Fraunces',Georgia,serif);color:var(--wk-mu)}
.msm-wijnhandel-winkel .wk-desk-row{display:flex;align-items:center;gap:12px;margin-top:16px}
/* avatar: h-11 w-11 rounded-full border bg object-cover; hier een ronde uitsnede van een fles of stilleven */
.msm-wijnhandel-winkel .wk-avatar{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--wk-l);border-radius:50%;background:var(--wk-s);object-fit:cover;object-position:center 35%}
.msm-wijnhandel-winkel .wk-desk-body{min-width:0}
.msm-wijnhandel-winkel .wk-desk-name{margin:0;font-size:14px;font-weight:500;color:var(--wk-ink)}
.msm-wijnhandel-winkel .wk-desk-link{display:inline-flex;max-width:100%;align-items:center;gap:4px;margin-top:2px;color:var(--wk-mu);font-size:14px;text-decoration:none;cursor:pointer;transition:color .15s}
.msm-wijnhandel-winkel .wk-desk-link:hover{color:var(--wk-ink)}
.msm-wijnhandel-winkel .wk-desk-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msm-wijnhandel-winkel .wk-nudge{display:inline-flex;flex:0 0 auto;transition:transform .2s var(--wk-ease)}
.msm-wijnhandel-winkel .wk-nudge svg{width:14px;height:14px}
.msm-wijnhandel-winkel .wk-desk-link:hover .wk-nudge{transform:translate(2px,-2px)}
.msm-wijnhandel-winkel .wk-desk-link:focus-visible,.msm-wijnhandel-winkel .wk-privacy-link:focus-visible{outline:2px solid var(--wk-p);outline-offset:2px;border-radius:2px}
/* onderste blokken: mt-12 border-t pt-10 grid gap, twee kolommen vanaf 640 px */
.msm-wijnhandel-winkel .wk-info{display:grid;grid-template-columns:minmax(0,1fr);gap:40px 32px;margin-top:48px;padding-top:40px;border-top:1px solid var(--wk-l)}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
.msm-wijnhandel-winkel .wk-info-text{margin:16px 0 0;font-size:14px;line-height:1.625;color:var(--wk-ink)}
.msm-wijnhandel-winkel .wk-info-muted{margin:4px 0 0;font-size:14px;line-height:1.625;color:var(--wk-mu)}

/* formulierkaart: rounded-3xl border bg p-6/8/10 */
.msm-wijnhandel-winkel .wk-form{margin:0;padding:24px;border:1px solid var(--wk-l);border-radius:24px;background:var(--wk-s)}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-form{padding:32px}}
@media (min-width:1024px){.msm-wijnhandel-winkel .wk-form{padding:40px}}
.msm-wijnhandel-winkel .wk-form-title{margin:0;font:400 30px/1.15 var(--m-font-display,'Fraunces',Georgia,serif);letter-spacing:-.02em;color:var(--wk-ink)}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-form-title{font-size:36px}}
.msm-wijnhandel-winkel .wk-fields{display:grid;gap:20px;margin-top:32px}
.msm-wijnhandel-winkel .wk-two{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.msm-wijnhandel-winkel .wk-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--wk-mu)}
/* veld: w-full rounded-xl border bg px-4 py-3 text-sm, focus rand in de inktkleur met ring 2 op 15 procent */
.msm-wijnhandel-winkel .wk-field{width:100%;padding:12px 16px;border:1px solid var(--wk-l);border-radius:12px;background:var(--wk-bg);color:var(--wk-ink);font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s,box-shadow .2s}
.msm-wijnhandel-winkel .wk-field::placeholder{color:color-mix(in srgb,var(--wk-mu) 60%,var(--wk-bg))}
.msm-wijnhandel-winkel .wk-field:focus-visible{outline:none;border-color:var(--wk-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--wk-ink) 15%,transparent)}
.msm-wijnhandel-winkel .wk-field.is-invalid{border-color:var(--wk-p)}
.msm-wijnhandel-winkel .wk-select-wrap{position:relative}
.msm-wijnhandel-winkel .wk-select{padding-right:40px;appearance:none;cursor:pointer}
.msm-wijnhandel-winkel .wk-select:invalid{color:color-mix(in srgb,var(--wk-mu) 60%,var(--wk-bg))}
.msm-wijnhandel-winkel .wk-select option{color:var(--wk-ink);background:var(--wk-bg)}
.msm-wijnhandel-winkel .wk-chevron{position:absolute;right:16px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;color:var(--wk-mu)}
.msm-wijnhandel-winkel .wk-textarea{resize:none;min-height:140px}
/* onder de velden: mt-6, vanaf 640 px rij met toestemming links en knop rechts */
.msm-wijnhandel-winkel .wk-actions{display:flex;flex-direction:column;gap:20px;margin-top:24px}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-actions{flex-direction:row;align-items:center;justify-content:space-between}}
.msm-wijnhandel-winkel .wk-consent{display:flex;align-items:flex-start;gap:10px}
.msm-wijnhandel-winkel .wk-check{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;cursor:pointer;accent-color:var(--wk-p)}
.msm-wijnhandel-winkel .wk-check:focus-visible{outline:2px solid var(--wk-p);outline-offset:2px}
.msm-wijnhandel-winkel .wk-consent-label{font-size:12px;line-height:1.625;color:var(--wk-mu);cursor:pointer}
.msm-wijnhandel-winkel .wk-privacy-link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .15s}
.msm-wijnhandel-winkel .wk-privacy-link:hover{color:var(--wk-ink)}
/* knop: w-full (sm w-auto) rounded-full px-8 py-3.5 text-sm medium; hover y -1, tap scale 0,99 */
.msm-wijnhandel-winkel .wk-submit{width:100%;padding:14px 32px;border:0;border-radius:999px;background:var(--wk-p);color:var(--wk-bg);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,transform .2s var(--wk-ease)}
@media (min-width:640px){.msm-wijnhandel-winkel .wk-submit{width:auto}}
.msm-wijnhandel-winkel .wk-submit:hover{background:color-mix(in srgb,var(--wk-p) 88%,var(--wk-ink));transform:translateY(-1px)}
.msm-wijnhandel-winkel .wk-submit:active{transform:scale(.99)}
.msm-wijnhandel-winkel .wk-submit:focus-visible{outline:2px solid var(--wk-ink);outline-offset:2px}
.msm-wijnhandel-winkel .wk-status{margin:16px 0 0;font-size:14px;color:var(--wk-ink)}
.msm-wijnhandel-winkel .wk-status:empty{display:none}
.msm-wijnhandel-winkel .wk-fine{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--wk-mu)}

@media (prefers-reduced-motion:reduce){
  .msm-wijnhandel-winkel .wk-nudge,.msm-wijnhandel-winkel .wk-submit{transition:none}
  .msm-wijnhandel-winkel .wk-desk-link:hover .wk-nudge{transform:none}
  .msm-wijnhandel-winkel .wk-submit:hover,.msm-wijnhandel-winkel .wk-submit:active{transform:none}
}