.at-module-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:24px 12px;
}
.at-hero-wrapper{text-align:center;margin-bottom:30px;}
.at-hero-wrapper h2{font-size:36px;line-height:1.15;margin:0 0 12px;font-weight:800;}
.at-hero-wrapper p{font-size:16px;line-height:1.6;margin:0 auto;max-width:820px;color:#333;}
.highlight-text{display:inline-block;padding:3px 8px;border-radius:6px;background:#fff3cd;font-weight:700;}
.btn-3d-wrapper{margin:22px 0 26px;}
.btn-3d{display:inline-block;padding:16px 34px;border-radius:12px;background:#e74c3c;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.5px;box-shadow:0 10px 22px rgba(0,0,0,.18);transition:.15s;}
.btn-3d:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.22);}
.section-heading-small{margin:0 0 18px;font-size:14px;font-weight:700;letter-spacing:2px;color:#8b8b8b;text-transform:uppercase;}

.algo-grid-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:16px;}
@media(max-width:1100px){.algo-grid-container{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.algo-grid-container{grid-template-columns:repeat(2,1fr)}.at-hero-wrapper h2{font-size:28px}}
@media(max-width:520px){.algo-grid-container{grid-template-columns:1fr}}

.algo-card{background:#fff;border-radius:16px;padding:18px 16px;box-shadow:0 10px 25px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.06);text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:210px;}
.algo-flag-img{height:40px;display:block;margin:0 auto 10px;}
.multi-flag{display:flex;justify-content:center;gap:10px;margin-bottom:10px;}
.algo-title{font-weight:800;font-size:16px;margin-bottom:4px;}
.algo-sub{font-size:13px;color:#6d6d6d;margin-bottom:14px;}
.card-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.algo-btn-small{display:inline-block;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;color:#fff;}
.btn-chart{background:#22c55e;}
.btn-info{background:#0ea5e9;}
.icon-placeholder{height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-weight:900;color:#111;}
//* Center ONLY Prop Comparator module */
#prop-comparator .algo-grid-container{
  justify-content: center;
  justify-items: center;
}

#prop-comparator .algo-card{
  width: 100%;
  max-width: 360px;
}
/* ============================
   Prop Firm Comparator - Badges
   ============================ */

.pc-badge-type{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .2px;
  margin-right: 6px;
  border: 1px solid rgba(0,0,0,.08);
}

/* Types */
.pc-two-step{
  background: rgba(14,165,233,.14);
  border-color: rgba(14,165,233,.25);
  color:#0369a1;
}
.pc-one-step{
  background: rgba(168,85,247,.14);
  border-color: rgba(168,85,247,.25);
  color:#6b21a8;
}
.pc-instant{
  background: rgba(249,115,22,.14);
  border-color: rgba(249,115,22,.25);
  color:#9a3412;
}

/* ============================
   TOP PICK Style
   ============================ */

.algo-card.pc-top-pick{
  border: 2px solid rgba(245, 158, 11, .55) !important;
  box-shadow: 0 18px 40px rgba(245, 158, 11, .12), 0 12px 26px rgba(0,0,0,.08) !important;
  transform: translateY(-2px);
}

.pc-top-pick-tag{
  display:inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .6px;
  text-transform: uppercase;
  background: rgba(245,158,11,.18);
  border: 1px solid rgba(245,158,11,.35);
  color:#92400e;
  margin-bottom: 10px;
}
/* ==================================================
   Prop Comparator ONLY (does NOT affect other modules)
   ================================================== */

#prop-comparator{
  max-width: 1320px;
  margin: 0 auto;
}

/* grid premium: 3 columns desktop */
#prop-comparator .algo-grid-container{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  justify-content: center;
  justify-items: center;
  margin-top: 18px;
}

/* cards bigger + centered */
#prop-comparator .algo-card{
  width: 100%;
  max-width: 380px;
  min-height: 340px;
  padding: 26px 18px;
  border-radius: 18px;
}

/* bigger logo inside card */
#prop-comparator .algo-card img{
  height: 70px !important;
  max-width: 240px !important;
  margin: 0 auto 14px !important;
  display: block !important;
}

/* title a bit bigger */
#prop-comparator .algo-title{
  font-size: 18px;
}

/* subtitle bigger */
#prop-comparator .algo-sub{
  font-size: 14px;
}

/* buttons a bit bigger */
#prop-comparator .algo-btn-small{
  padding: 12px 16px;
  font-size: 13px;
  border-radius: 12px;
}

/* tablets: 2 columns */
@media (max-width: 1100px){
  #prop-comparator .algo-grid-container{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* phones: 1 column */
@media (max-width: 640px){
  #prop-comparator .algo-grid-container{
    grid-template-columns: 1fr;
  }
}