/* ═══════════════════════════════════════════
   Neore — Help Page
   ═══════════════════════════════════════════ */

.n-help-wrap{background:var(--wh)}

/* ── Section base ── */
.n-hs{padding:44px 20px}
.n-hs-in{max-width:640px;margin:0 auto}
.n-hs-faq{background:var(--bg)}

/* ── Headings ── */
.n-hs-title{font-size:20px;font-weight:600;color:var(--bk);text-align:center;margin:0 0 6px}
.n-hs-sub{font-size:13px;color:var(--g6);text-align:center;margin:0 0 20px}
.n-hs-faq .n-hs-sub{color:var(--or)}

/* ── Tracking form ── */
.n-track-form{display:flex;gap:8px;flex-wrap:wrap}
.n-track-input{flex:1;min-width:0;height:46px;padding:0 14px;border:1.5px solid var(--g2);border-radius:50px;font-size:14px;color:var(--bk);background:var(--wh);outline:none;font-family:inherit;transition:border-color .15s}
.n-track-input:focus{border-color:var(--or)}
.n-track-input::placeholder{color:var(--g4)}
.n-track-btn{height:46px;padding:0 22px;background:var(--or);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:filter .15s;-webkit-tap-highlight-color:transparent}
.n-track-btn:hover{filter:brightness(.92)}
.n-track-btn:active{filter:brightness(.85)}
.n-track-btn:disabled{opacity:.65;cursor:not-allowed}
.n-track-result{margin-top:14px}
.n-track-ok,.n-track-err{padding:12px 14px;border-radius:var(--rs);font-size:13px;line-height:1.6}
.n-track-ok{background:#f0faf4;color:var(--gn);border:1px solid rgba(28,138,78,.2)}
.n-track-err{background:#fff0f0;color:var(--rd);border:1px solid rgba(212,43,43,.2)}
.n-track-label{font-weight:600}
.n-track-status-val{display:inline-block;font-size:15px;font-weight:600;margin-top:2px}
.n-track-delivered{color:var(--gn)}
.n-track-cancelled{color:var(--rd)}
.n-track-pending{color:var(--or)}

/* ── FAQ accordion ── */
.n-hs-faq details{background:var(--wh);border:1px solid var(--g2);border-radius:var(--rs);margin-bottom:8px;overflow:hidden;transition:border-color .18s}
.n-hs-faq details:last-of-type{margin-bottom:0}
.n-hs-faq details:hover,.n-hs-faq details[open]{border-color:var(--gn)}
.n-hs-faq summary{display:flex;align-items:center;padding:14px 40px 14px 16px;cursor:pointer;position:relative;list-style:none;-webkit-tap-highlight-color:transparent}
.n-hs-faq summary::-webkit-details-marker{display:none}
.n-faq-q{font-size:13px;font-weight:600;color:var(--bk);line-height:1.35}
.n-hs-faq details[open] .n-faq-q{color:var(--gn)}
.n-hs-faq details[open] summary{border-bottom:1px solid var(--g1)}
.n-hs-faq summary::after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--g4);line-height:1;transition:transform .25s,color .2s}
.n-hs-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);color:var(--gn)}
.n-faq-a{font-size:13px;color:var(--g6);line-height:1.7;padding:10px 16px 13px;animation:faqIn .2s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ── WhatsApp CTA ── */
.n-hs-wa{text-align:center}
.n-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 32px;background:#25D366;color:#fff;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:filter .15s}
.n-wa-btn:hover{filter:brightness(.92)}
.n-wa-btn:active{filter:brightness(.85)}
@media(max-width:480px){.n-wa-btn{width:100%;padding:0}}

/* ── Tablet ── */
@media(min-width:481px){
	.n-hs{padding:56px 28px}
	.n-hs-title{font-size:22px}
	.n-hs-sub{margin-bottom:24px}
}

/* ── Desktop ── */
@media(min-width:1024px){
	.n-site-header{margin-bottom:0}
}
@media(min-width:768px){
	.n-hs{padding:72px 40px}
		.n-hs-title{font-size:24px}
	.n-wa-btn{height:50px;font-size:15px}
}