/* TaxHishab experience layer: presentation only, no calculator logic. */
:root{
  --th-ink:#101828;
  --th-teal:#0f766e;
  --th-teal-dark:#115e59;
  --th-teal-soft:#ecfdf5;
  --th-blue:#3157c8;
  --th-amber:#d97706;
  --th-border:#e2e8f0;
  --th-surface:#fff;
  --th-shadow-soft:0 14px 40px rgba(15,23,42,.07);
}

/* Global rhythm */
.th-nav{box-shadow:0 4px 22px rgba(15,23,42,.035)}
.th-nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent 6%,rgba(15,118,110,.48) 32%,rgba(49,87,200,.24) 58%,rgba(217,119,6,.28) 82%,transparent 96%);opacity:.65}
.th-nav__link{transition:background .18s ease,color .18s ease,transform .18s ease}
.th-nav__link:hover{transform:translateY(-1px)}
.th-nav__cta{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.th-nav__cta:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(15,118,110,.18)}

/* Reduce the feeling of a gap below the global header on legacy pages. */
body > main:first-of-type{margin-top:0!important}
.zk-page{padding-top:30px!important;max-width:1180px!important}

/* Zakat calculator visual overhaul without touching IDs or JS. */
.zk-page{font-family:'Hind Siliguri','Inter',system-ui,sans-serif!important}
.zk-page::before{
  content:"যাকাত ক্যালকুলেটর";
  display:block;
  color:var(--th-teal);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:2px 0 6px;
}
.zk-page::after{content:"";display:block;clear:both}
.zk-page > .zk-card:first-of-type{position:relative;overflow:hidden}
.zk-page > .zk-card:first-of-type::before{content:"লাইভ বাজারদর";position:absolute;right:18px;top:16px;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#3157c8;font-size:.72rem;font-weight:800;letter-spacing:.04em}
.zk-card{border:1px solid #e5eaf0!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(15,23,42,.045);padding:1.35rem!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.zk-card:hover{transform:translateY(-2px);box-shadow:var(--th-shadow-soft)!important;border-color:#cbd5e1!important}
.zk-card h2{font-family:'Hind Siliguri','Inter',sans-serif!important;color:var(--th-ink)!important;font-size:1.15rem!important}
.zk-card h2::before{background:linear-gradient(180deg,var(--th-teal),#3b82f6)!important}
.price-col,.form-section,.gold-col,.silver-col,.info-box{border-color:#e5eaf0!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.gold-col{border-top-color:#eab308!important}.silver-col{border-top-color:#94a3b8!important}
.unit-toggle{border-color:#cbd5e1!important;border-radius:10px!important}.unit-toggle button.active{background:var(--th-teal)!important}
.fgroup input{min-height:42px!important;border-radius:10px!important;background:#fff!important}.fgroup input:focus{border-color:var(--th-teal)!important;box-shadow:0 0 0 3px rgba(15,118,110,.11)!important}
.alert-info{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a8a!important}
.results{background:linear-gradient(145deg,#f0fdfa,#ecfdf5)!important;border-color:#a7f3d0!important;border-radius:18px!important}
.result-item{border-radius:12px!important}
.donation-list a{background:#fff!important;border-color:#dbe3ea!important;color:var(--th-teal-dark)!important}.donation-list a:hover{background:var(--th-teal)!important;color:#fff!important}
.faq-btn:hover,.collapsible:hover{background:#f0fdfa!important;border-color:#99f6e4!important}

/* Main rebate calculator: make the initial state useful rather than a large dark void. */
main.max-w-7xl{padding-top:28px!important;gap:24px!important}
main.max-w-7xl .bg-slate-900.rounded-3xl{background:linear-gradient(145deg,#f8fafc,#eefbf7)!important;color:#526172!important;border:1px solid #dce7e3!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;min-height:170px;display:grid;place-items:center;padding:28px!important}
main.max-w-7xl .bg-slate-900.rounded-3xl::before{content:"↗";display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dff7ef;color:var(--th-teal);font-style:normal;font-size:1.2rem;margin:0 auto 12px}

/* Shared recirculation rail */
.th-related{padding:52px 0;background:linear-gradient(180deg,#f8fafc 0%,#f1f7f6 100%);border-top:1px solid #e7edf2;overflow:hidden}
.th-related__inner{width:min(1180px,calc(100% - 32px));margin:auto}
.th-related__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.th-related__eyebrow{color:var(--th-teal);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.th-related h2{font-size:clamp(1.45rem,2.6vw,2.1rem);margin:0;color:var(--th-ink);font-family:'Hind Siliguri','Inter',sans-serif}
.th-related__controls{display:flex;gap:8px}.th-related__control{width:40px;height:40px;border:1px solid #dbe3ea;background:#fff;border-radius:12px;color:#475569;cursor:pointer;transition:.18s ease}.th-related__control:hover{border-color:#99f6e4;color:var(--th-teal);transform:translateY(-1px)}
.th-related__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,1fr);grid-template-rows:1fr;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 12px}.th-related__track::-webkit-scrollbar{display:none}
.th-related-card{scroll-snap-align:start;display:flex;flex-direction:column;min-height:190px;padding:21px;background:#fff;border:1px solid #e1e8ee;border-radius:18px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.th-related-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--card-accent,var(--th-teal));opacity:.9}
.th-related-card:hover{transform:translateY(-4px);box-shadow:var(--th-shadow-soft);border-color:#cbd5e1}
.th-related-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--card-soft,#ecfdf5);color:var(--card-accent,var(--th-teal));margin-bottom:18px}
.th-related-card strong{font-size:1.06rem;color:var(--th-ink);margin-bottom:7px}.th-related-card p{margin:0;color:#64748b;font-size:.88rem;line-height:1.6}.th-related-card span{margin-top:auto;padding-top:18px;color:var(--card-accent,var(--th-teal));font-weight:800;font-size:.86rem}

/* Small entrance animation, disabled for reduced-motion users. */
.th-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.th-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.th-reveal{opacity:1!important;transform:none!important}}

@media(max-width:760px){
  .zk-page{padding:20px 12px 30px!important}.zk-card{padding:1rem!important}.zk-page > .zk-card:first-of-type::before{position:static;display:inline-flex;margin-bottom:12px}.th-related{padding:38px 0}.th-related__head{align-items:flex-start}.th-related__controls{display:none}.th-related__track{grid-auto-columns:82%}
}