/* V110 — final elite button system */
:root{
  --elite-black-1:#0b0d11;
  --elite-black-2:#12151c;
  --elite-black-3:#050608;
  --elite-white:#f7f8fb;
  --elite-muted:#cfd6e5;
  --elite-line:rgba(255,255,255,.82);
  --elite-line-soft:rgba(255,255,255,.18);
  --elite-purple:#9f63ff;
  --elite-purple-soft:rgba(159,99,255,.45);
}

.topbar .premium.premium-gopro,
button.search-submit-btn,
.conversion-actions .conversion-primary,
.conversion-actions .conversion-secondary{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.35rem;
  color:var(--elite-white) !important;
  border-radius:20px !important;
  border:1.5px solid var(--elite-line) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 18%, rgba(255,255,255,0) 19%), linear-gradient(180deg,var(--elite-black-2) 0%, var(--elite-black-1) 52%, var(--elite-black-3) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -12px 18px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.44), 0 22px 30px -22px var(--elite-purple-soft), 0 0 18px rgba(159,99,255,.2) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.9) !important;
  transform:translateZ(0);
}
.topbar .premium.premium-gopro::before,
button.search-submit-btn::before,
.conversion-actions .conversion-primary::before,
.conversion-actions .conversion-secondary::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:16px;
  border:1px solid var(--elite-line-soft);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 32%);
  pointer-events:none;
}
.topbar .premium.premium-gopro::after,
button.search-submit-btn::after,
.conversion-actions .conversion-primary::after,
.conversion-actions .conversion-secondary::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-9px;
  height:18px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(159,99,255,.55) 0%, rgba(159,99,255,.18) 52%, rgba(159,99,255,0) 74%);
  filter:blur(6px);
  pointer-events:none;
}

.topbar .premium.premium-gopro{
  width:242px !important;
  min-width:242px !important;
  min-height:58px !important;
  padding:0 24px !important;
}
.topbar .premium.premium-gopro .premium-label{position:relative; z-index:2; text-align:center; width:100%;}
.topbar .premium.premium-gopro strong{
  display:block; color:var(--elite-white) !important; font-size:1.55rem !important; line-height:1 !important; font-weight:900 !important; letter-spacing:.07em !important;
}
.topbar .premium.premium-gopro small{
  display:block; margin-top:.34rem !important; color:var(--elite-muted) !important; font-size:.64rem !important; line-height:1.1 !important; font-weight:800 !important; letter-spacing:.22em !important;
}

button.search-submit-btn{
  min-width:106px !important;
  height:46px !important;
  padding:0 18px !important;
  font-size:1.1rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

#voiceSearch{background:#0b0d11 !important; border:1px solid rgba(255,255,255,.45) !important; color:#fff !important;}
#voiceSearch .voice-icon{filter:grayscale(1); opacity:.9;}

/* popup / conversion */
.max-level-art-dialog .conversion-shell{
  max-width:1020px !important;
}
.conversion-heading h2{
  letter-spacing:.04em;
}
.conversion-feature-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:18px 0 20px;
}
.conversion-feature-col{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:18px 18px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.18);
}
.conversion-feature-col h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.conversion-feature-col ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.conversion-feature-col li{position:relative; padding-left:18px; color:#eceff7; line-height:1.35; font-size:.96rem;}
.conversion-feature-col li::before{content:"✦"; position:absolute; left:0; top:0; color:#ba8dff;}

.conversion-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  margin-top:18px !important;
}
.conversion-actions .conversion-primary,
.conversion-actions .conversion-secondary{
  min-height:74px !important;
  text-decoration:none !important;
  padding:0 24px !important;
}
.conversion-actions .conversion-primary span,
.conversion-actions .conversion-secondary span{position:relative; z-index:2; display:block; text-align:center; width:100%;}
.conversion-actions .conversion-primary strong,
.conversion-actions .conversion-secondary strong{
  display:block !important; color:var(--elite-white) !important; font-size:1.52rem !important; font-weight:900 !important; letter-spacing:.08em !important; line-height:1.02 !important;
}
.conversion-actions .conversion-primary small,
.conversion-actions .conversion-secondary small{
  display:block !important; margin-top:.38rem !important; color:var(--elite-muted) !important; font-size:.68rem !important; font-weight:800 !important; letter-spacing:.18em !important; line-height:1.15 !important;
}
.conversion-actions .conversion-primary{
  order:1;
}
.conversion-actions .conversion-secondary{
  order:2;
  max-width:320px;
  justify-self:end;
  opacity:.96;
}
/* remove any old icons in popup buttons */
.conversion-actions .conversion-primary i,
.conversion-actions .conversion-secondary i,
.conversion-actions .conversion-primary svg,
.conversion-actions .conversion-secondary svg{display:none !important;}

@media (max-width: 900px){
  .topbar .premium.premium-gopro{width:100% !important; min-width:0 !important;}
  .topbar .premium.premium-gopro strong{font-size:1.32rem !important;}
  .conversion-feature-panel{grid-template-columns:1fr;}
  .conversion-actions{grid-template-columns:1fr !important;}
  .conversion-actions .conversion-secondary{max-width:none; justify-self:stretch;}
}