/* /nl/ pages for the Dutch partner + the share card on /membership/ (approved mockup QVddRYpooS6qizD4Th1jeM).
   Same brand kit as zd.css; Dutch text in Nunito. */
.zd-nl{max-width:1120px; font-family:var(--zd-f-nl); font-size:17px}
.zd-nl h1,.zd-nl h2{font-family:var(--zd-f-nl); font-weight:800; margin:0}
.zd-nl h1{font-size:clamp(28px,4.4vw,46px); line-height:1.15}
.zd-nl h2{font-size:clamp(22px,2.6vw,28px); line-height:1.25}
.zd-nl p{margin:0}
.zd-nl .zd-btn{font-family:var(--zd-f-nl); font-weight:800; font-size:16px; min-height:50px; padding:0 26px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none}
.zd-nl .zd-btn-line{background:var(--zd-paper); color:var(--zd-navy); border-color:var(--zd-sand-2)}
.zd-nl .zd-btn-line:hover{background:var(--zd-cream); color:var(--zd-navy)}
.zd-nl-small{font-size:14px; color:var(--zd-muted)}
.zd-nl-center{text-align:center}
.zd-nl-card{background:var(--zd-paper); border:1px solid var(--zd-sand); border-radius:18px; padding:22px}
.zd-nl-pill,.zd-nl-tag{align-self:flex-start; border-radius:999px; font-weight:800; font-size:13px; padding:4px 12px}
.zd-nl-pill{background:var(--zd-orange-soft); color:#8F3F15}

.zd-nl-hero{display:flex; flex-wrap:wrap; gap:40px; align-items:center; padding:28px 0 40px}
.zd-nl-hero-t{flex:1 1 460px; min-width:0; display:flex; flex-direction:column; gap:18px}
.zd-nl-lead{color:var(--zd-text-2); font-size:18px}
.zd-nl-btns{display:flex; flex-wrap:wrap; gap:12px}
.zd-nl-sample{flex:1 1 340px; min-width:0; display:flex; flex-direction:column; gap:12px}
.zd-nl-sample-s{font-size:21px; font-weight:700}
.zd-nl-sample mark{background:var(--zd-hl); color:inherit; border-radius:4px; padding:0 4px}
.zd-nl-pop{background:var(--zd-navy); color:var(--zd-paper); border-radius:14px; padding:14px 16px; display:flex; flex-direction:column; gap:4px}
.zd-nl-pop [lang="th"]{font-family:var(--zd-f-body)}
.zd-nl-pop small{opacity:.85}
.zd-nl-sample a{font-weight:800}

.zd-nl-two{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:32px; margin:12px 0 36px}
.zd-nl-two section{display:flex; flex-direction:column; gap:12px}
.zd-nl-pains{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.zd-nl-pains li{background:var(--zd-paper); border:1px solid var(--zd-sand); border-radius:12px; padding:13px 16px}
.zd-nl-steps{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
.zd-nl-steps li{display:flex; gap:12px; align-items:flex-start}
.zd-nl-steps span{flex:0 0 34px; height:34px; border-radius:50%; background:var(--zd-navy); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800}

.zd-nl-who{background:var(--zd-navy); color:var(--zd-paper); border-radius:20px; padding:28px; display:flex; flex-direction:column; gap:10px; margin-bottom:44px}
.zd-nl .zd-nl-who h2{color:var(--zd-paper)}
.zd-nl .zd-nl-who a{color:var(--zd-orange-soft)}

.zd-nl-price{display:flex; flex-direction:column; gap:20px; margin-bottom:36px}
.zd-nl-price h2{text-align:center}
.zd-nl-plans{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:18px}
.zd-nl-plan{background:var(--zd-paper); border:1px solid var(--zd-sand); border-radius:20px; padding:24px 22px; display:flex; flex-direction:column; gap:8px}
.zd-nl-plan.is-hot{border:2px solid var(--zd-orange)}
.zd-nl-plan.is-hot .zd-nl-tag{background:var(--zd-orange); color:#fff}
.zd-nl-tag{background:var(--zd-green-soft); color:var(--zd-green-deep)}
.zd-nl-plan-n{font-size:22px}
.zd-nl-plan-note{color:var(--zd-muted); font-size:15px}
.zd-nl-plan-p{font-size:40px; font-weight:800}
.zd-nl-plan .zd-btn{margin-top:auto}
.zd-nl-terms{margin:0 auto; max-width:760px; padding-left:20px; color:var(--zd-text-2); display:flex; flex-direction:column; gap:4px}

.zd-nl-exam{background:var(--zd-orange-soft); border-radius:20px; padding:26px}
.zd-nl-exam a{font-weight:800}
.zd-nl-faq details{background:var(--zd-paper); border:1px solid var(--zd-sand); border-radius:12px; padding:12px 16px}
.zd-nl-faq summary{font-weight:800; cursor:pointer; min-height:28px}
.zd-nl-faq details p{margin-top:8px; color:var(--zd-text-2)}

.zd-nl-end{background:var(--zd-paper); border:2px solid var(--zd-orange); border-radius:20px; padding:34px 22px; display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center; margin-bottom:36px}
.zd-nl-end p{font-size:clamp(20px,2.4vw,26px); font-weight:800}

.zd-nl-contact{max-width:680px; margin:0 auto; display:flex; flex-direction:column; gap:14px}
.zd-nl-contact form,.zd-nl-form{display:flex; flex-direction:column; gap:16px}
.zd-nl-row{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:14px}
.zd-nl label{display:flex; flex-direction:column; gap:6px; font-weight:700}
.zd-nl input[type=text],.zd-nl input[type=email],.zd-nl textarea{min-height:48px; border:1px solid var(--zd-sand-2); border-radius:10px; padding:10px 12px; font:inherit; font-weight:600; background:#fff; color:var(--zd-navy); width:100%; box-sizing:border-box}
.zd-nl label small{font-weight:600; font-size:14px; color:var(--zd-muted)}
.zd-nl-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.zd-nl-ok{display:flex; gap:10px; align-items:center; background:var(--zd-green-soft); color:var(--zd-green-deep); border-radius:12px; padding:12px 14px; font-weight:800}
.zd-nl-err{background:#FCE8E6; color:#8A1F11; border-radius:12px; padding:12px 14px; font-weight:700}

.zd-nl-form{max-width:560px; margin:0 auto; padding-bottom:20px}
.zd-nl-back{font-weight:700; font-size:15px}
.zd-nl fieldset{border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.zd-nl legend{font-weight:800; font-size:19px; margin-bottom:10px}
.zd-nl .zd-nl-opt{flex-direction:row; align-items:center; gap:12px; background:var(--zd-paper); border:1px solid var(--zd-sand); border-radius:14px; padding:14px 16px; min-height:64px; cursor:pointer}
.zd-nl-opt:has(input:checked){border:2px solid var(--zd-orange)}
.zd-nl-opt input{width:22px; height:22px; accent-color:var(--zd-orange-deep); margin:0}
.zd-nl-opt span{flex:1; display:flex; flex-direction:column}
.zd-nl-opt small{font-weight:600; font-size:14px; color:var(--zd-muted)}
.zd-nl-opt-p{font-size:22px}
.zd-nl-sum{display:flex; flex-direction:column; gap:4px; padding:16px 18px}
.zd-nl-sum div{display:flex; justify-content:space-between; font-weight:700}
.zd-nl-sum small{color:var(--zd-muted); font-size:14px}
.zd-nl .zd-nl-check{flex-direction:row; align-items:flex-start; gap:10px; font-weight:600; font-size:15px}
.zd-nl-check input{width:22px; height:22px; accent-color:var(--zd-orange-deep); margin:2px 0 0; flex:0 0 auto}
.zd-nl-form > .zd-btn{width:100%; min-height:54px}

.zd-nl-thanks{display:flex; gap:12px; align-items:center}
.zd-nl-thanks h1{font-size:24px}
.zd-nl-tick{flex:0 0 44px; height:44px; border-radius:50%; background:var(--zd-green-soft); color:var(--zd-green-deep); display:flex; align-items:center; justify-content:center}
.zd-nl-pay{border:2px solid var(--zd-orange); padding:4px 18px}
.zd-nl-pay-row{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--zd-sand); flex-wrap:wrap}
.zd-nl-pay-row:last-child{border-bottom:0}
.zd-nl-pay-row > span:first-child{color:var(--zd-muted)}
.zd-nl-pay-v{display:flex; align-items:center; gap:8px; word-break:break-all}
.zd-nl-copy{min-width:44px; min-height:44px; border:1px solid var(--zd-sand-2); border-radius:10px; background:var(--zd-cream); color:var(--zd-navy); cursor:pointer; display:inline-flex; align-items:center; justify-content:center}
.zd-nl-copy.is-done{background:var(--zd-green-soft); color:var(--zd-green-deep)}
.zd-nl-proof{display:flex; flex-direction:column; gap:10px}
.zd-nl .zd-nl-file{border:1px dashed var(--zd-sand-2); border-radius:12px; padding:14px; font-weight:700}
.zd-nl-file input{font:inherit; font-weight:600}
.zd-nl-next{background:var(--zd-navy); color:var(--zd-paper); border-radius:18px; padding:18px 20px}
.zd-nl-next ol{margin:8px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:4px}

/* share card on the Thai /membership/ page */
.zd-share{background:var(--zd-paper); border:2px solid var(--zd-orange); border-radius:18px; padding:20px; display:flex; flex-direction:column; gap:12px; max-width:560px; margin:0 auto}
.zd-share-head{display:flex; gap:12px; align-items:center}
.zd-share-head h2{margin:0; font-family:var(--zd-f-display); font-weight:500; font-size:20px}
.zd-share-i{flex:0 0 44px; height:44px; border-radius:50%; background:var(--zd-orange-soft); color:var(--zd-orange-deep); display:flex; align-items:center; justify-content:center}
.zd-share p{margin:0; color:var(--zd-text-2)}
.zd-share .zd-share-go{min-height:52px; font-size:17px}
.zd-share-out{display:flex; flex-direction:column; gap:10px}
.zd-share-out[hidden]{display:none}
.zd-share .zd-share-ok{color:var(--zd-green-deep); font-weight:600}
.zd-share-msg{background:var(--zd-cream); border:1px solid var(--zd-sand); border-radius:12px; padding:12px 14px; font-family:var(--zd-f-nl); font-weight:700; color:var(--zd-navy) !important; word-break:break-word}
.zd-share-apps{display:flex; gap:10px; flex-wrap:wrap}
.zd-share-apps .zd-btn{flex:1 1 140px; text-decoration:none !important; display:inline-flex; align-items:center; justify-content:center}
.zd .zd-share-apps a.zd-btn-line{color:var(--zd-navy)}
.zd-share a.zd-share-line{background:#06C755; border-color:#06C755}
.zd-share .zd-share-th{font-size:13px; color:var(--zd-muted)}