@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* Apni Shop shared accessibility and typography layer.
   Intentionally avoids changing each tool's unique layout or functionality. */
:root {
  --ap-site-ink: #12261c;
  --ap-site-muted: #63736a;
  --ap-site-border: #e2ece6;
  --ap-site-radius: 14px;
}
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
}
body :where(h1,h2,h3,h4,h5,h6,p,a,li,label,button,input,select,textarea,small,summary,figcaption,th,td,legend,output) {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body :where(h1,h2,h3,h4,h5,h6) { line-height: 1.25; text-wrap: balance; }
body :where(p,li) { line-height: 1.65; }
body :where(img,video,canvas,iframe) { max-width: 100%; }
body :where(input,select,textarea,button) { max-width: 100%; }
body :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid #1677ff;
  outline-offset: 3px;
}
body :where(table) { max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Shared header/footer treatment for older and newer page templates */
body :where(.apHdr, .hdr, header.nav) {
  background: #ffffff !important;
  color: #12261c !important;
  border-bottom: 1px solid #e2ece6 !important;
  box-shadow: none;
}
body :where(.apHdr, .hdr, header.nav) :where(.apHdr-name, .brand, .brand b, a:not(.btn):not(.apHdr-cta):not(.apHdr-btn)) {
  color: #12261c;
}
body :where(.apHdr, .hdr, header.nav) :where(.btn, .apHdr-cta, .apHdr-btn) {
  background-color: #079653;
  color: #ffffff;
}
body :where(footer, .footer, .site-footer) {
  border-top: 1px solid #dce9e1;
}


/* Apni Shop unified professional tool design system */
:root{
  --ap-brand:#087f5b;
  --ap-brand-deep:#075b45;
  --ap-brand-soft:#e8f7f0;
  --ap-accent:#7c3aed;
  --ap-ink:#152b3b;
  --ap-muted:#647789;
  --ap-line:#dce7ee;
  --ap-surface:#fff;
  --ap-page:#f4f8fb;
  --ap-shadow:0 10px 30px rgba(20,48,67,.07);
}
body{
  color:var(--ap-ink);
  background-color:var(--ap-page);
}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.tool-section,.calculator,.calculator-card,.converter-card,.upload-card,.upload-box,.result-card,.result-box,.panel,.card,.feature-card,.faq-item,.faq-card,.apx-card,.ap-tool){
  border-color:var(--ap-line);
  border-radius:18px;
}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.calculator-card,.converter-card,.upload-card,.result-card,.panel,.card,.feature-card,.faq-card,.apx-card,.ap-tool){
  box-shadow:var(--ap-shadow);
}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.tool-section,.calculator,.calculator-card,.converter-card,.upload-card,.upload-box,.result-card,.result-box,.panel,.card,.feature-card,.faq-item,.faq-card,.apx-card,.ap-tool){
  background-color:var(--ap-surface);
}
body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn){
  border-radius:12px;
  font-weight:750;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;
}
body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn):not(:disabled):hover{
  transform:translateY(-1px);
}
body :where(input,select,textarea){
  border:1px solid #d4e0e8;
  border-radius:11px;
  background:#fff;
  color:var(--ap-ink);
  min-height:42px;
}
body :where(input,select,textarea):focus{
  border-color:var(--ap-brand);
  box-shadow:0 0 0 3px rgba(8,127,91,.12);
}
body :where(label,legend,.field-label,.form-label){
  color:#30495c;
  font-weight:650;
}
body :where(h1,h2,h3){color:var(--ap-ink)}
body :where(.muted,.sub,.subtitle,.description,.help-text,.hint,small){color:var(--ap-muted)}
body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av){
  border-radius:14px;
}
body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box){
  background:linear-gradient(145deg,#e4f8ef,#e8f1ff);
  color:var(--ap-brand-deep);
}
body :where(.result,.result-card,.result-box,.output,.output-card){
  overflow-wrap:anywhere;
}
body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){
  gap:16px;
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card):hover{
  transform:translateY(-2px);
  border-color:#b7d8cb;
  box-shadow:0 14px 34px rgba(20,48,67,.10);
}
body :where(.tool-card a,.ap-tool a,.feature-card a,.apx-card a){
  text-underline-offset:3px;
}
body :where(.site-footer,footer,.footer){
  background-color:#102f4b;
  color:#eaf2f8;
}
body :where(.site-footer,footer,.footer) a{color:inherit}
@media(max-width:640px){
  body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.calculator-card,.converter-card,.upload-card,.result-card,.panel,.card,.feature-card,.faq-card,.apx-card,.ap-tool){
    border-radius:15px;
  }
  body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){gap:12px}
  body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn){min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  body :where(.tool-card,.ap-tool,.feature-card,.apx-card,button,.btn,.button){transition:none}
}


/* Unified Apni Shop tool-card and icon system: emerald, indigo and soft violet. */
:root{
  --ap-brand:#087f5b;
  --ap-brand-deep:#075b45;
  --ap-ink:#17233f;
  --ap-muted:#65728b;
  --ap-card-border:#e0e7f0;
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card,.toolbox,.tool-box,.calculator-card,.converter-card,.upload-card,.result-card,.tool-panel,.tool-container){
  border:1px solid var(--ap-card-border);
  border-radius:18px;
  background:linear-gradient(155deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 5px 18px rgba(23,35,63,.045);
}
body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av,.tool-emoji,.icon-circle,.tool-symbol){
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(140deg,#087f5b 0%,#168e9b 48%,#6555e8 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 7px 17px rgba(27,91,114,.16);
  border:1px solid rgba(255,255,255,.65);
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card) :where(h2,h3,h4,.title,.card-title){
  letter-spacing:-.02em;
  font-weight:800;
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card) :where(p,.description,.card-description){
  line-height:1.65;
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card) :where(a,.btn,.button){
  border-radius:11px;
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card):focus-within{
  outline:3px solid rgba(8,127,91,.13);
  outline-offset:2px;
}
body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){
  align-items:stretch;
}
@media(max-width:640px){
  body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av,.tool-emoji,.icon-circle,.tool-symbol){
    width:44px;height:44px;min-width:44px;border-radius:14px;
  }
}

/* 2026 professional polish: consistent cards, forms, tool icons and mobile spacing */
:root{
  --ap-brand:#087f5b;--ap-brand-deep:#075b45;--ap-brand-soft:#e8f7f0;
  --ap-accent:#7554f6;--ap-ink:#152b3b;--ap-muted:#647789;
  --ap-line:#dce7ee;--ap-page:#f4f8fb;--ap-card-radius:18px;
  --ap-card-shadow:0 10px 28px rgba(20,48,67,.065);
}
body{background-color:var(--ap-page);color:var(--ap-ink)}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.tool-section,.calculator,.calculator-card,.converter-card,.upload-card,.upload-box,.result-card,.result-box,.panel,.card,.feature-card,.faq-item,.faq-card,.apx-card,.ap-tool,.workspace,.editor-panel,.tool-content){
  border-radius:var(--ap-card-radius);border-color:var(--ap-line)
}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.calculator-card,.converter-card,.upload-card,.result-card,.panel,.card,.feature-card,.faq-card,.apx-card,.ap-tool,.workspace,.editor-panel,.tool-content){
  box-shadow:var(--ap-card-shadow)
}
body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn){
  border-radius:12px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease
}
body :where(input,select,textarea){border-radius:11px}
body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av,.ap-chip-ico){
  display:inline-grid;place-items:center;line-height:0;border-radius:14px
}
body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 14px rgba(20,48,67,.10)
}
body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){gap:16px}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card):hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,48,67,.10);border-color:#b7d8cb}
@media(max-width:640px){
 body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.calculator-card,.converter-card,.upload-card,.result-card,.panel,.card,.feature-card,.faq-card,.apx-card,.ap-tool,.workspace,.editor-panel,.tool-content){border-radius:15px}
 body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){gap:12px}
 body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn){min-height:42px}
}

/* Final unified design layer: Apni Shop emerald + violet, shared by every tool page. */
:root{
 --ap-brand:#087f5b;--ap-brand-deep:#075b45;--ap-brand-soft:#e8f7f0;
 --ap-accent:#7554f6;--ap-ink:#17233f;--ap-muted:#65728b;
 --ap-line:#dce7ee;--ap-page:#f5f7fc;--ap-card-radius:18px;
 --ap-shadow:0 10px 28px rgba(23,35,63,.065)
}
body{background-color:var(--ap-page);color:var(--ap-ink)}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.tool-section,.calculator,.calculator-card,.converter-card,.upload-card,.upload-box,.result-card,.result-box,.panel,.card,.feature-card,.faq-item,.faq-card,.apx-card,.ap-tool,.workspace,.editor-panel,.tool-content){
 border-color:var(--ap-line)!important;border-radius:var(--ap-card-radius)!important
}
body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.calculator-card,.converter-card,.upload-card,.result-card,.panel,.card,.feature-card,.faq-card,.apx-card,.ap-tool,.workspace,.editor-panel,.tool-content){
 box-shadow:var(--ap-shadow)
}
body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av,.tool-emoji,.icon-circle,.tool-symbol,.ap-chip-ico){
 display:inline-grid;place-items:center;line-height:1;border-radius:14px;
 background:linear-gradient(135deg,#087f5b 0%,#168e9b 52%,#7554f6 100%)!important;
 color:#fff!important;border:1px solid rgba(255,255,255,.7);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 15px rgba(29,91,114,.16)
}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card) :where(h2,h3,h4,.title,.card-title){color:var(--ap-ink);font-weight:800;letter-spacing:-.02em}
body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn){
 border-radius:12px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease
}
body :where(input,select,textarea){border-color:#d4e0e8;border-radius:11px}
body :where(input,select,textarea):focus{border-color:var(--ap-brand);box-shadow:0 0 0 3px rgba(8,127,91,.12)}
body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){gap:16px}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card):hover{transform:translateY(-2px);border-color:#b7d8cb!important;box-shadow:0 14px 32px rgba(23,35,63,.10)}
body :where(.tool-card,.ap-tool,.feature-card,.apx-card):focus-within{outline:3px solid rgba(8,127,91,.13);outline-offset:2px}
@media(max-width:640px){
 body :where(.tool-card,.toolbox,.tool-box,.tool-panel,.tool-container,.calculator-card,.converter-card,.upload-card,.result-card,.panel,.card,.feature-card,.faq-card,.apx-card,.ap-tool,.workspace,.editor-panel,.tool-content){border-radius:15px!important}
 body :where(.tool-grid,.tools-grid,.tools-list,.feature-grid,.cards-grid){gap:12px}
 body :where(.tool-icon,.tool-ico,.tool-card-icon,.feature-icon,.icon-box,.ap-tool-av,.tool-emoji,.icon-circle,.tool-symbol,.ap-chip-ico){border-radius:13px}
}
@media(prefers-reduced-motion:reduce){body :where(.tool-card,.ap-tool,.feature-card,.apx-card,button,.btn,.button){transition:none}}
/* Homepage shortcuts and tool cards use the same emerald/violet system. */
.ap-toolbar .ap-chip{border:1px solid #dce7ee!important;background:linear-gradient(145deg,#fff,#f7f8ff)!important;color:#17233f!important;border-radius:14px!important;box-shadow:0 4px 12px rgba(23,35,63,.06)!important}
.ap-toolbar .ap-chip b{color:#17233f!important}
.ap-toolbar .ap-chip-ico{background:linear-gradient(135deg,#087f5b,#168e9b 52%,#7554f6)!important;color:#fff!important}
.ap-toolbar .ap-cartoon-studio-chip{border-color:#b8a8ff!important;background:linear-gradient(135deg,#f0fff8,#f7f3ff)!important;box-shadow:0 5px 16px rgba(117,84,246,.12)!important}
.ap-toolbar .ap-cartoon-studio-chip .ap-chip-ico{width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#087f5b,#7554f6)!important}
.ap-tool-head{background:linear-gradient(110deg,#075b45,#087f5b 55%,#5140c9)!important}
.ap-tool .tool-open{background:linear-gradient(110deg,#087f5b,#7554f6)!important;color:#fff!important;box-shadow:0 7px 17px rgba(8,127,91,.2)!important}
.ap-tool .tool-tag{background:rgba(255,255,255,.15)!important;color:#fff!important}
.ap-ai-top{background:linear-gradient(110deg,#075b45,#087f5b 55%,#5140c9)!important}
.ap-ai-av{background:linear-gradient(135deg,#087f5b,#7554f6)!important;color:#fff!important}
.ap-ai-live{background:rgba(255,255,255,.14)!important}


/* 2026 site-wide polish: consistent content pages, tools, guides and policy pages */
:root{--ap-page-bg:#f5f9f7;--ap-card-bg:#fff;--ap-ink:#172b3e;--ap-muted:#607487;--ap-line:#e1ebe6;--ap-green:#078653;--ap-green-dark:#075b45}
html{background:var(--ap-page-bg)}
body{color:var(--ap-ink);background:var(--ap-page-bg)}
body :where(main,.main,.page-main,.content,.content-wrap,.wrap){scroll-margin-top:90px}
body :where(main,article,.article,.policy,.guide,.page-content){color:var(--ap-ink)}
body :where(main h1,article h1,.article h1,.guide h1){font-size:clamp(1.8rem,4vw,2.45rem);font-weight:850;letter-spacing:-.035em;color:#10233f}
body :where(main h2,article h2,.article h2,.guide h2){font-size:clamp(1.25rem,2.7vw,1.55rem);font-weight:800;letter-spacing:-.025em;margin-top:1.8em;color:#123b31}
body :where(main h3,article h3,.article h3,.guide h3){font-weight:750;color:#18374a}
body :where(main p,article p,.article p,.guide p,main li,article li,.article li,.guide li){color:#405669;line-height:1.75}
body :where(main a,article a,.article a,.guide a){text-underline-offset:3px;text-decoration-thickness:1px}
body :where(table){width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--ap-line);border-radius:14px;background:#fff}
body :where(th,td){padding:11px 13px;border-bottom:1px solid var(--ap-line);text-align:left;vertical-align:top}
body :where(th){background:#edf7f1;color:#174532;font-weight:750}
body :where(tr:last-child td){border-bottom:0}
body :where(.card,.note,.callout,.faq-card,.tool-panel,.toolbox,.tool-box,.content-card,.guide-card){border:1px solid var(--ap-line);border-radius:16px;box-shadow:0 6px 20px rgba(22,48,68,.045)}
body :where(input,select,textarea){min-height:42px;padding:10px 12px;background:#fff;color:#172b3e}
body :where(button,.btn,.button,[type=button],[type=submit],.primary-btn,.primary-button,.download-btn,.action-btn,.ap-btn){min-height:40px}
body :where(footer,.footer,.site-footer){background:#eff7f2;color:#405669}
body :where(footer a,.footer a,.site-footer a){color:#075b45}
@media(max-width:640px){
 body :where(main,.main,.page-main,.content,.content-wrap,.wrap){overflow-wrap:anywhere}
 body :where(th,td){padding:9px;font-size:14px}
 body :where(main h1,article h1,.article h1,.guide h1){font-size:1.8rem}
}


/* Accessibility fix: footer contrast must remain readable across legacy templates. */
body footer, body .footer, body .site-footer {
  background: #103b35 !important;
  color: #f3faf7 !important;
  border-top: 1px solid #c5e5d7 !important;
}
body footer :where(p,li,small,h1,h2,h3,h4,h5,h6,span,strong,div) ,
body .footer :where(p,li,small,h1,h2,h3,h4,h5,h6,span,strong,div),
body .site-footer :where(p,li,small,h1,h2,h3,h4,h5,h6,span,strong,div) {
  color: #f3faf7 !important;
}
body footer a, body footer a:visited,
body .footer a, body .footer a:visited,
body .site-footer a, body .site-footer a:visited {
  color: #8df0cf !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body footer a:hover, body .footer a:hover, body .site-footer a:hover {
  color: #ffffff !important;
}
body footer :where(input,select,textarea) {
  color: #172b3e !important;
  background: #ffffff !important;
}
@media (forced-colors: active) {
  body footer, body .footer, body .site-footer { border: 1px solid CanvasText !important; }
}


/* Final footer repair: remove the repeated legal-link strip and enforce readable contrast. */
body footer,
body .footer,
body .site-footer {
  background: #103b35 !important;
  color: #f4fbf7 !important;
}
body footer p,
body footer li,
body footer small,
body footer h1,
body footer h2,
body footer h3,
body footer h4,
body footer h5,
body footer h6,
body footer span,
body footer strong,
body footer .fnote,
body .footer p,
body .footer li,
body .footer small,
body .footer h1,
body .footer h2,
body .footer h3,
body .footer h4,
body .footer h5,
body .footer h6,
body .footer span,
body .footer strong,
body .footer .fnote,
body .site-footer p,
body .site-footer li,
body .site-footer small,
body .site-footer h1,
body .site-footer h2,
body .site-footer h3,
body .site-footer h4,
body .site-footer h5,
body .site-footer h6,
body .site-footer span,
body .site-footer strong,
body .site-footer .fnote {
  color: #f4fbf7 !important;
}
body footer a,
body footer a:visited,
body .footer a,
body .footer a:visited,
body .site-footer a,
body .site-footer a:visited {
  color: #8df0cf !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Tool templates already list these links in their Company/footer columns. */
body footer > div[style*="margin-top:12px"] {
  display: none !important;
}
body footer .fnote {
  color: #d7e9e1 !important;
  font-size: 12px;
  line-height: 1.6;
}
@media (max-width: 640px) {
  body footer .fcols {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  body footer {
    overflow-wrap: anywhere;
  }
}


/* Mobile readability fixes based on real tool-page screenshots. */
.apseo-try{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 10px!important;
  margin:12px 0!important;
}
.apseo-try a{
  display:inline-flex!important;
  align-items:center;
  max-width:100%;
  margin:0!important;
  padding:7px 10px;
  border:1px solid #cfe3d9;
  border-radius:10px;
  background:#fff;
  color:#075b45!important;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body footer > div[style*="margin-top:12px"]{display:none!important}
body footer .fcols{align-items:start}
body footer .fnote{color:#e4f3ed!important}
body footer h4{color:#fff!important}
body footer a,body footer a:visited{color:#a6f3d8!important}
@media(max-width:640px){
 .apseo-try{gap:7px!important}
 .apseo-try a{font-size:13px;padding:7px 9px}
}

/* High-contrast footer text on every tool template. */
body footer, body .footer, body .site-footer {
  background: #0b4f43 !important;
  color: #f4fbf7 !important;
}
body footer p, body footer li, body footer small, body footer h1,
body footer h2, body footer h3, body footer h4, body footer h5,
body footer h6, body footer span, body footer strong, body footer .fnote,
body .footer p, body .site-footer p, body .site-footer li,
body .site-footer small, body .site-footer h4, body .site-footer .site-copy {
  color: #f4fbf7 !important;
}
body footer a, body footer a:visited, body .footer a, body .site-footer a {
  color: #9ff4d8 !important;
}
body footer div[style*="margin-top:12px"],
body .site-footer div[style*="margin-top:12px"],
body .footer div[style*="margin-top:12px"] {
  display: none !important;
}


/* Crypto calculator: bring the older page in line with the current Apni Shop tool design. */
body.ap-pro{
  --green:#079653!important;--green-dark:#057542!important;--green-soft:#e9f8f0!important;
  --blue:#102d55!important;--text:#10233f!important;--muted:#62728a!important;
  --border:#dfe8e4!important;--line:#dfe8e4!important;--ink:#10233f!important;
  max-width:100%!important;padding:0 16px 42px!important;
  background:radial-gradient(circle at 8% 0%,rgba(7,150,83,.07),transparent 34%),#f7faf9!important;
  color:#10233f!important;
}
body.ap-pro main{max-width:900px!important;margin:0 auto!important}
body.ap-pro .toolbox,body.ap-pro .card{
  background:#fff!important;border:1px solid #dfe8e4!important;border-radius:20px!important;
  box-shadow:0 12px 32px rgba(16,45,85,.07)!important;
}
body.ap-pro .toolbox h2,body.ap-pro h1,body.ap-pro h2,body.ap-pro h3{
  color:#10233f!important;
}
body.ap-pro .toolbox input,body.ap-pro .toolbox select,body.ap-pro input,body.ap-pro select{
  border:1px solid #dfe8e4!important;border-radius:12px!important;background:#fff!important;
  color:#10233f!important;box-shadow:none;
}
body.ap-pro .toolbox button,body.ap-pro .btn,body.ap-pro .ap-btn{
  background:linear-gradient(135deg,#079653,#087b68)!important;color:#fff!important;
  border:0!important;border-radius:12px!important;font-weight:750!important;
}
body.ap-pro a{color:#087b52!important}
body.ap-pro footer a{color:#a6f3d8!important}
@media(max-width:620px){
  body.ap-pro{padding:0 12px 30px!important}
  body.ap-pro .toolbox,body.ap-pro .card{padding:16px!important;border-radius:16px!important}
  body.ap-pro .fcols{grid-template-columns:1fr!important;gap:10px!important}
}


/* Align the icons on homepage featured tools (crypto, zakat, PDF, speed and others). */
html body:not(.ap-pro) .ap-tool-head,
html body:not(.ap-pro) .ap-crypto-head{
  display:flex!important;align-items:center!important;gap:12px!important;
}
html body:not(.ap-pro) .ap-tool-av,
html body:not(.ap-pro) .ap-crypto-av{
  flex:0 0 44px!important;width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;align-self:center!important;
  box-sizing:border-box!important;
}
html body:not(.ap-pro) .ap-tool-av svg,
html body:not(.ap-pro) .ap-crypto-av svg{
  width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;
  display:block!important;flex:none!important;
}
html body:not(.ap-pro) .ap-tool-t{flex:1 1 auto!important;min-width:0!important}
html body:not(.ap-pro) .ap-tool .tool-tag{align-self:center!important;flex:0 0 auto!important}
@media(max-width:420px){
  html body:not(.ap-pro) .ap-tool-head,html body:not(.ap-pro) .ap-crypto-head{gap:10px!important}
  html body:not(.ap-pro) .ap-tool-av,html body:not(.ap-pro) .ap-crypto-av{
    flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
  html body:not(.ap-pro) .ap-tool-av svg,html body:not(.ap-pro) .ap-crypto-av svg{
    width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;
  }
}