/* ZAROORI FIX (8 Sept, ZAROORI) — Customer ne kaha: pura result
       EK SCREEN mein fit hona chahiye (bina scroll kiye), icons aur
       behtar/high-quality dikhne chahiye, aur har box ke charon
       taraf ek achha "glow/border" effect ho. Sab kuch ab zyada
       COMPACT (chhota padding/gap) hai, taaki poora result ek saath
       dikhe. */
    .ac-page-wrap{max-width:800px;margin:0 auto;padding:16px 16px 30px;}
    .ac-hero{text-align:center;margin-bottom:14px;}
    .ac-hero-emoji{font-size:38px;margin-bottom:4px;animation:acFloat 3s ease-in-out infinite;}
    @keyframes acFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
    .ac-hero h1{font-size:20px;color:var(--ink);margin:0 0 4px;}
    .ac-hero p{font-size:12px;color:var(--ink-soft);max-width:460px;margin:0 auto;}

    .ac-input-card{
      background:var(--paper);border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;
      max-width:420px;margin:0 auto 16px;box-shadow:0 8px 24px rgba(0,0,0,0.06);
    }
    .ac-input-card label{display:block;font-size:11.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;}
    .ac-date-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:8px;margin-bottom:10px;}
    .ac-date-row > *{min-width:0;max-width:100%;}
    .ac-date-select{
      padding:10px 8px;border:1.5px solid var(--line);border-radius:10px;
      font-size:13.5px;font-family:inherit;box-sizing:border-box;background:#fff;color:var(--ink);
    }
    .ac-calc-btn{width:100%;padding:11px;font-size:14px;}

    .ac-result-wrap{animation:acFadeUp .4s ease;}
    @keyframes acFadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

    .ac-main-result{
      display:flex;justify-content:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;
    }
    .ac-age-unit{
      background:linear-gradient(145deg, var(--navy), #1a2d5c);color:#fff;
      border-radius:14px;padding:14px 20px;text-align:center;min-width:88px;
      box-shadow:0 10px 26px -6px rgba(15,27,60,0.4);
      border:1px solid rgba(255,255,255,0.12);
    }
    .ac-age-number{font-size:28px;font-weight:800;line-height:1;margin-bottom:4px;}
    .ac-age-label{font-size:11px;font-weight:600;opacity:0.85;}

    .ac-fun-facts{
      display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;
    }
    /* ZAROORI FIX (9 Sept, BAHUT ZAROORI) — Customer ne asli phone
       par dikhaya: "auto-fit" wala tareeka kabhi-kabhi (bahut sankri
       screen par) 1-column mein bhi sikud sakta tha. Customer ne
       saaf kaha — HAMESHA "double-double" (2 cards ek row mein)
       hi dikhna chahiye, kabhi single-column nahi. Ab mobile par
       EXPLICIT/PAKKA 2-column grid hai — kisi bhi phone-width par
       kabhi 1-column mein nahi badlega. */
    @media(max-width:480px){
      .ac-fun-facts{grid-template-columns:repeat(2,1fr) !important;gap:8px;}
      .ac-fact-card{padding:12px 8px;}
      .ac-fact-value{font-size:14px;}
      .ac-fact-label{font-size:9.5px;}
    }
    /* ZAROORI (8 Sept): Har box ke charon taraf ek halka-chamakta
       "ring" (glow-border) — dekhne mein zyada premium/achha lage. */
    .ac-fact-card{
      position:relative;border-radius:14px;padding:14px 12px;text-align:center;color:#fff;
      transition:transform .2s ease, box-shadow .2s ease;
      border:2px solid rgba(255,255,255,0.35);
      box-shadow:0 6px 16px -4px rgba(0,0,0,0.25);
    }
    .ac-fact-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -6px rgba(0,0,0,0.35);}
    .ac-fact-1{background:linear-gradient(145deg,#2D6CDF,#5B93F0);}
    .ac-fact-2{background:linear-gradient(145deg,#F2782F,#FFA666);}
    .ac-fact-3{background:linear-gradient(145deg,#1E9E62,#3FC584);}
    .ac-fact-4{background:linear-gradient(145deg,#D6456A,#FF7799);}
    .ac-fact-5{background:linear-gradient(145deg,#7B4FDB,#A47EFF);}
    .ac-fact-6{background:linear-gradient(145deg,#DBA82E,#F2CC66);}
    /* ZAROORI (8 Sept): Icon ab ek gol, halke-safed "badge" ke andar —
       zyada saaf/high-quality/"finished" jaisa dikhta hai, seedha
       background par tairta hua emoji jaisa nahi. */
    .ac-fact-icon{
      display:flex;align-items:center;justify-content:center;
      width:38px;height:38px;margin:0 auto 8px;border-radius:50%;
      background:rgba(255,255,255,0.25);font-size:19px;
      box-shadow:inset 0 0 0 1.5px rgba(255,255,255,0.4);
    }
    .ac-fact-value{font-size:16px;font-weight:800;margin-bottom:2px;}
    .ac-fact-label{font-size:10px;font-weight:600;opacity:0.92;line-height:1.3;}