/* Padel Ole FAQ UI — scoped by #po-faq (NO shadows) */
#po-faq{margin:0!important;padding:0!important;background:transparent!important}
#po-faq *{box-sizing:border-box}

#po-faq{
  --heading:#001833;
  --text:rgba(11,37,69,.62);
  --line:rgba(0,24,51,.14);
  --pill:#eef3ff;
  --pillActive:#eaf7f1;
  --accent:#19b56a;

  font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  padding:0 15px;
}

#po-faq.po-ready{opacity:1}
#po-faq .po-faq__wrap{width:min(1200px, calc(100vw - 30px));margin-inline:auto;padding:36px 0}

#po-faq .po-faq__crumbs{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-size:12.5px;line-height:1.6;color:rgba(0,24,51,.55);
  margin:0 0 12px 0;
}
#po-faq .po-faq__crumbs a{color:rgba(0,24,51,.65);text-decoration:none;border-bottom:1px solid rgba(0,24,51,.18)}
#po-faq .po-faq__crumbs a:hover{border-bottom-color:rgba(25,181,106,.55)}
#po-faq .po-faq__sep{opacity:.6}

#po-faq .po-faq__head{padding:8px 0 10px 0}
#po-faq .po-faq__title{
  font-family:"Satoshi",Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:700;font-size:clamp(26px,3.2vw,44px);
  margin:0;color:var(--heading);letter-spacing:-0.02em;line-height:1.12;
}
#po-faq .po-faq__lead{margin:10px 0 0 0;line-height:1.8;max-width:85ch;font-size:clamp(13px,1.05vw,16px)}

/* Desktop pills */
#po-faq .po-faq__pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 14px 0}
#po-faq .po-faq__pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:999px;
  background:var(--pill);border:1px solid rgba(0,24,51,.10);
  color:rgba(0,24,51,.80);text-decoration:none;
  font-weight:700;font-size:13px;
}
#po-faq .po-faq__pill.is-active{background:var(--pillActive);border-color:rgba(25,181,106,.35)}
#po-faq .po-faq__count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:22px;padding:0 8px;border-radius:999px;
  background:#fff;border:1px solid rgba(0,24,51,.10);
  color:rgba(0,24,51,.55);font-weight:700;font-size:12px;
}

/* Mobile dropdown (hidden on desktop) */
#po-faq .po-faq__mobileCat{display:none;margin:18px 0 12px 0}
#po-faq .po-faq__label{display:block;margin:0 0 6px 0;font-weight:700;font-size:12px;color:rgba(0,24,51,.70)}
#po-faq .po-faq__selectWrap{position:relative}
#po-faq .po-faq__select{
  width:100%;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  height:52px;
  border-radius:14px;
  border:1px solid rgba(0,24,51,.12);
  padding:0 44px 0 14px;
  background:#fff;
  font:inherit;
  color:rgba(0,24,51,.82);
}
#po-faq .po-faq__selectIcon{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;pointer-events:none;
  background:currentColor;opacity:.55;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5 10 12l4.5-4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5 10 12l4.5-4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Toolbar */
#po-faq .po-faq__toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px 0}
#po-faq .po-faq__search{flex:1 1 520px}
#po-faq .po-faq__input{
  width:100%;
  height:52px;
  border-radius:14px;
  border:1px solid rgba(0,24,51,.12);
  padding:0 14px;
  outline:none;
  font:inherit;
  color:rgba(0,24,51,.82);
  background:#fff;
}
#po-faq .po-faq__input::placeholder{color:rgba(0,24,51,.40)}
#po-faq .po-faq__reset{
  height:52px;
  border-radius:14px;
  border:1px solid rgba(0,24,51,.12);
  background:#fff;
  color:rgba(11,37,69,.62);
  padding:0 16px;
  font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:800;font-size:13px;
  cursor:pointer;
}

/* Content */
#po-faq .po-faq__content{border:1px solid rgba(0,24,51,.10);border-radius:18px;background:#fff;padding:16px}
#po-faq .po-faq__sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 12px 0}
#po-faq .po-faq__h2{
  margin:0;
  font-family:"Satoshi",Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(0,24,51,.75);
}
#po-faq .po-faq__sub{margin:0;color:rgba(0,24,51,.45);font-size:12px;white-space:nowrap}
#po-faq .po-faq__empty{display:none;border:1px dashed rgba(0,24,51,.18);border-radius:14px;padding:14px;color:rgba(0,24,51,.55);background:rgba(0,24,51,.02)}

/* Items */
#po-faq .po-faq__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
#po-faq details.po-faq__item{border:1px solid rgba(0,24,51,.10);border-radius:16px;background:#fff;overflow:hidden}
#po-faq details.po-faq__item[open]{border-color:rgba(25,181,106,.35)}
#po-faq summary.po-faq__q{list-style:none;cursor:pointer;padding:14px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#po-faq summary.po-faq__q::-webkit-details-marker{display:none}
#po-faq .po-faq__qText{
  font-family:"Satoshi",Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:650;
  font-size:15px;
  line-height:1.35;
  color:var(--heading);
}
#po-faq .po-faq__chev{
  width:18px;height:18px;flex:0 0 auto;
  background:currentColor;opacity:.55;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.5 5.5 12 10l-4.5 4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.5 5.5 12 10l-4.5 4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .16s ease;
}
#po-faq details[open] .po-faq__chev{transform:rotate(90deg)}

#po-faq .po-faq__a{padding:0 14px 14px 14px;line-height:1.85;font-size:15px;color:rgba(11,37,69,.62);max-width:95ch}

/* Responsive: on mobile show dropdown, hide pills */
@media (max-width: 640px){
  #po-faq{padding:0 12px}
  #po-faq .po-faq__pills{display:none}
  #po-faq .po-faq__mobileCat{display:block}
  #po-faq .po-faq__reset{width:100%}
}