/* Nexon Checkout popup */
html.nck-lock,html.nck-lock body{overflow:hidden}
.nck{position:fixed;inset:0;z-index:9999;background:rgba(7,24,44,.55);overflow-y:auto;padding:24px 12px;font-family:'Hind Siliguri','Inter',system-ui,sans-serif;color:#18181B}
.nck[hidden]{display:none}
.nck *,.nck *::before,.nck *::after{box-sizing:border-box}
.nck-box{max-width:980px;margin:0 auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 20px 60px rgba(7,51,94,.25);outline:0}
.nck button{font:inherit}
.nck-loading,.nck-msg{padding:48px 20px;text-align:center;font-size:17px}
.nck-msg p{margin:0 0 16px}
.nck-form{display:flex;flex-direction:column;gap:18px}
.nck-head{display:flex;align-items:center;gap:14px}
.nck-head-ic{width:46px;height:46px;flex:none;border-radius:12px;background:#E6EEF7;color:#07335E;display:flex;align-items:center;justify-content:center}
.nck-head>div{flex:1;min-width:0}
.nck-head h2{margin:0;font-size:21px;font-weight:700}
.nck-head p{margin:2px 0 0;font-size:15px;color:#57534E}
.nck-x{width:46px;height:46px;flex:none;border-radius:12px;border:0;background:#F5F5F4;color:#18181B;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nck-prod{background:#F1F5FA;border-radius:16px;padding:14px;display:flex;gap:16px;align-items:center}
.nck-prod img{width:100px;height:100px;flex:none;border-radius:12px;object-fit:cover;background:#fff}
.nck-prod-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.nck-prod-b strong{font-family:'Inter',sans-serif;font-size:16px;font-weight:600;line-height:1.4}
.nck-attrs{font-size:14px;color:#44403C}
.nck-line{font-size:14px;color:#44403C}
.nck-line b{color:#07335E;font-family:'Inter',sans-serif}
.nck-line s{color:#78716C;font-family:'Inter',sans-serif}
.nck-qty{display:inline-flex;align-items:center;align-self:flex-start;background:#fff;border:1px solid #D6D3D1;border-radius:999px;margin-top:4px}
.nck-qty button{width:44px;height:40px;border:0;background:transparent;font-size:18px;cursor:pointer;color:#18181B}
.nck-qty span{min-width:22px;text-align:center;font-weight:700;font-family:'Inter',sans-serif}
.nck-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.nck-col{display:flex;flex-direction:column;gap:14px}
.nck-f{display:flex;flex-direction:column;gap:6px}
.nck-f label,.nck-lbl{font-size:16px;font-weight:600}
.nck-f label span{font-weight:400;color:#57534E}
.nck i{color:#D9321A;font-style:normal}
.nck input[type=text],.nck input[type=tel],.nck textarea{width:100%;border:1px solid #D6D3D1;border-radius:10px;padding:0 14px;height:48px;font-family:'Hind Siliguri',sans-serif;font-size:16px;color:#18181B;background:#fff}
.nck textarea{height:auto;padding:12px 14px;resize:vertical}
.nck input:focus,.nck textarea:focus{outline:2px solid #07335E;outline-offset:1px;border-color:#07335E}
.nck [aria-invalid=true]{border-color:#B91C1C}
.nck input[type=tel]{font-family:'Inter',sans-serif;letter-spacing:.04em}
.nck-err{font-size:14px;color:#B91C1C}
.nck-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.nck-areabox{background:#F1F5FA;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.nck-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nck-area{min-height:64px;border-radius:12px;padding:10px 12px;cursor:pointer;color:#18181B;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left;background:#fff;border:1px solid #D6D3D1}
.nck-area span{font-size:15px;font-weight:600}
.nck-area small{font-size:14px;color:#44403C;font-family:'Inter',sans-serif}
.nck-area.is-on{border:2px solid #07335E}
.nck-chips{display:flex;flex-wrap:wrap;gap:8px}
.nck-chip{min-height:36px;padding:0 14px;border-radius:999px;font-size:14px;cursor:pointer;background:#F1F5FA;color:#07335E;border:1px solid #C7D7EA}
.nck-chip.is-on{background:#07335E;color:#fff;border-color:#07335E}
.nck-pays{display:flex;flex-direction:column;gap:12px}
.nck-pay{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;cursor:pointer;color:#18181B;background:#FAFAF9;border:1px solid #E7E5E4;text-align:left}
.nck-pay.is-on{background:#F1F5FA;border:2px solid #07335E}
.nck-dot{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid #A8A29E;background:#fff}
.nck-pay.is-on .nck-dot{border:6px solid #07335E}
.nck-pay-ic{width:44px;height:44px;flex:none;border-radius:10px;background:#fff;color:#07335E;display:flex;align-items:center;justify-content:center}
.nck-pay-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.nck-pay-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nck-pay-h strong{font-size:17px}
.nck-pay-h em{font-style:normal;background:#15803D;color:#fff;font-size:13px;font-weight:700;padding:3px 9px;border-radius:999px}
.nck-pay small{font-size:14px;color:#44403C}
.nck-nudge{background:#F0FDF4;border:1px dashed #16A34A;border-radius:12px;padding:10px 14px;font-size:15px;color:#14532D;text-align:left;cursor:pointer}
.nck-sum{border:1px solid #E7E5E4;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.nck-sum-h{font-size:17px;display:flex;align-items:center;gap:8px}
.nck-row{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#44403C}
.nck-row span:last-child,.nck-total strong:last-child,.nck-saved span:last-child{font-family:'Inter',sans-serif}
.nck-row.is-green{color:#15803D;font-weight:600}
.nck-total{border-top:1px solid #E7E5E4;padding-top:10px;display:flex;justify-content:space-between;align-items:center}
.nck-total strong:first-child{font-size:17px}
.nck-total strong:last-child{font-size:26px;color:#07335E}
.nck-saved{background:#F0FDF4;border-radius:10px;padding:8px 12px;display:flex;justify-content:space-between;font-size:15px;color:#14532D;font-weight:600}
.nck-alert{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;border-radius:12px;padding:10px 14px;font-size:15px}
.nck-submit{height:58px;border-radius:14px;border:0;background:#D9321A;color:#fff;font-size:19px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 20px rgba(217,50,26,.3)}
.nck-submit:disabled{opacity:.7;cursor:wait}
.nck-note{font-size:13px;color:#57534E;text-align:center;line-height:1.6}
.nck-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 16px}
.nck-done-ic{width:76px;height:76px;border-radius:50%;background:#DCFCE7;color:#15803D;display:flex;align-items:center;justify-content:center}
.nck-done h2{margin:0;font-size:26px}
.nck-done p{margin:0;font-size:17px;color:#44403C;line-height:1.7;max-width:540px}
.nck-done-b{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.nck-btn-navy,.nck-btn-ghost{min-height:48px;padding:0 22px;border-radius:12px;font-weight:600;font-size:16px;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}
.nck-btn-navy{background:#07335E;color:#fff;border:0}
.nck-btn-navy:hover{color:#fff}
.nck-btn-ghost{background:#fff;color:#18181B;border:1px solid #D6D3D1}
@media (max-width:820px){
	.nck{padding:0}
	.nck-box{border-radius:0;min-height:100%;padding:18px}
	.nck-grid{grid-template-columns:1fr}
	.nck-prod img{width:76px;height:76px}
}

/* v1.4: options (colour/size) inside the popup */
.nck-opts{display:flex;flex-direction:column;gap:8px;margin:2px 0}
.nck-opt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.nck-opt-l{font-size:14px;font-weight:600;color:#44403C}
.nck-opt-row{display:flex;flex-wrap:wrap;gap:6px}
.nck-chipo{min-height:36px;padding:0 14px;border-radius:10px;border:1.5px solid #D6D3D1;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:#18181B;cursor:pointer;transition:border-color .15s,background .15s}
.nck-chipo:hover{border-color:#07335E}
.nck-chipo.is-on{border-color:#D9321A;background:#FFF3F0;color:#B42A14;box-shadow:inset 0 0 0 1px #D9321A}
.nck-chipo.is-off{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.nck-chipo:focus-visible{outline:3px solid #07335E;outline-offset:2px}
.nck-opt-hint{font-size:13px;font-weight:600;color:#B42A14;animation:nck-nudge 1.6s ease-in-out infinite}
@keyframes nck-nudge{0%,100%{transform:none}50%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.nck-opt-hint{animation:none}}
/* v1.5 district + thana */
.nck-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nck-places .nck-f{margin:0;min-width:0}
.nck-places select{width:100%;min-width:0;height:48px;border:1px solid #D6D3D1;border-radius:10px;background:#fff;padding:0 10px;font:inherit;font-size:15px;color:#18181B}
.nck-places select:disabled{background:#F5F5F4;color:#78716C}
.nck-places select:focus{outline:2px solid #07335E;outline-offset:1px}
.nck-places select[aria-invalid=true]{border-color:#B91C1C}
.nck-zone{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #07335E;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:600;color:#07335E;animation:nck-zone .25s ease-out}
.nck-zone b{margin-left:auto;font-family:'Inter',sans-serif}
@keyframes nck-zone{from{opacity:0;transform:translateY(-4px)}}
@media (max-width:420px){.nck-places{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.nck-zone{animation:none}}
