.p360{
    --card:#FBF8F0;--ink:#0F211A;--soft:#5A6B61;--em:#14523B;--gold:#C9A84C;
    --gold-soft:#D9BC72;--tint:#E4EDE5;--line:rgba(15,33,26,.14);
    position:relative;width:100%;max-width:360px;margin:0 auto;
    background:var(--card);border:1px solid var(--line);border-radius:26px;
    box-shadow:0 30px 60px -30px rgba(15,33,26,.3);padding:24px 18px 18px;overflow:hidden;
    font-family:'Manrope',sans-serif;color:var(--ink);box-sizing:border-box;
  }
  .p360 *{box-sizing:border-box}
  .p360-lamp{position:absolute;top:20px;right:20px;width:9px;height:9px;border-radius:50%;
    background:var(--gold);box-shadow:0 0 0 5px rgba(201,168,76,.18);animation:pGlow 3s ease-in-out infinite}
  @keyframes pGlow{0%,100%{box-shadow:0 0 0 4px rgba(201,168,76,.15)}50%{box-shadow:0 0 0 8px rgba(201,168,76,.06)}}
  .p360-title{font-family:'Fraunces',serif;font-weight:400;font-size:22px;letter-spacing:-.02em;text-align:center;margin:0}
  .p360-date{text-align:center;font-size:12px;color:var(--soft);margin-top:4px}
  .p360-hijri{display:block;font-size:11px;color:var(--gold);margin-top:1px}
  .p360-dial{position:relative;margin:6px auto 2px;width:100%;max-width:324px;min-height:180px}
  .p360-dial svg{display:block;width:100%;height:auto}
  .p360-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
    justify-content:center;text-align:center;pointer-events:none}
  .p360-nx-lbl{font-size:9.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
  .p360-nx-name{font-family:'Fraunces',serif;font-size:30px;line-height:1.1;margin:2px 0}
  .p360-nx-ar{font-family:'Amiri',serif;font-size:15px;color:var(--gold);margin-bottom:4px}
  .p360-nx-in{font-size:12px;font-weight:700;color:var(--em)}
  .p360-nx-at{font-size:11px;color:var(--soft);margin-top:1px}
  .p360-chips{display:flex;gap:8px;margin:12px 0 10px}
  .p360-chip{flex:1;display:flex;align-items:center;gap:9px;background:var(--tint);border-radius:13px;padding:9px 12px}
  .p360-chip svg{flex:none}
  .p360-chip small{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
  .p360-chip b{font-size:15px;letter-spacing:.02em}
  .p360-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
  .p360-pt{text-align:center;border:1px solid var(--line);border-radius:11px;padding:7px 2px 6px;background:rgba(255,255,255,.4)}
  .p360-pt small{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
  .p360-pt b{font-size:12.5px}
  .p360-pt .a{display:block;font-family:'Amiri',serif;font-size:11px;color:var(--gold);line-height:1.1}
  .p360-pt.now{background:var(--em);border-color:var(--em)}
  .p360-pt.now small{color:rgba(240,244,238,.75)}
  .p360-pt.now b{color:#F0F4EE}
  .p360-pt.now .a{color:var(--gold-soft)}
  .p360-foot{font-size:10.5px;color:var(--soft);text-align:center;margin-top:12px}
  .p360-foot a{color:var(--em);font-weight:700;text-decoration:underline}
  .p360-src{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);opacity:.7;text-align:center;margin-top:3px}
  .p360-src.warn{color:#9A3412;opacity:1;letter-spacing:.04em;text-transform:none;font-size:11px}
  .p360-src.warn a{color:#14523B}