.about-cover { position: relative; }
  .pokk-contact {
    position: absolute;
    inset: clamp(20px, 4vw, 64px) auto auto clamp(20px, 4vw, 64px);
    z-index: 10;
    direction: rtl;
    font-family: Vazirmatn, Tahoma, sans-serif;
    color: #fff;
  }
  .pokk-contact summary {
    padding: 12px 20px;
    border: 1px solid #ffffff80;
    border-radius: 12px;
    background: #191c32;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
  }
  .pokk-contact summary::-webkit-details-marker { display: none; }
  .pokk-contact summary::after { content: ' +'; }
  .pokk-contact[open] summary::after { content: ' −'; }
  .pokk-contact nav {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: min(260px, calc(100vw - 40px));
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #ffffff40;
    border-radius: 12px;
    background: #191c32;
    box-shadow: 0 12px 32px #0005;
  }
  .pokk-contact a {
    display: block;
    padding: 12px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    line-height: 1.8;
  }
  .pokk-contact a:hover { background: #ffffff18; }
  .pokk-contact :is(summary, a):focus-visible {
    outline: 3px solid #f3dba8;
    outline-offset: 3px;
  }
  .pokk-contact bdi { display: block; font-weight: 400; }