/* WEBTRUST_PREMIUM_LEVELS_V1 */

.wt-levels{
  padding:82px 0 92px;
  border-top:1px solid rgba(218,170,66,.07);
}

.wt-level-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.wt-level-card{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:150px 1fr;
  align-items:center;
  gap:22px;
  padding:26px;
  border:1px solid var(--wt-line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(54,10,23,.84),rgba(24,3,10,.94));
  box-shadow:0 22px 55px rgba(0,0,0,.26);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.wt-level-card:hover{
  transform:translateY(-5px);
  border-color:var(--wt-line-strong);
}

.wt-level-gold{
  border-color:rgba(235,183,63,.62);
  box-shadow:
    0 24px 65px rgba(0,0,0,.32),
    inset 0 0 34px rgba(218,170,66,.075),
    0 0 26px rgba(218,170,66,.08);
}

.wt-level-badge-wrap img{
  display:block;
  width:100%;
  height:auto;
}

.wt-level-range{
  display:inline-flex;
  color:var(--wt-gold);
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wt-level-copy h3{
  margin:5px 0 9px;
  color:var(--wt-gold-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
}

.wt-level-copy p{
  margin:0;
  color:var(--wt-muted);
  font-size:14px;
  line-height:1.62;
}

@media(max-width:1100px){
  .wt-level-card{grid-template-columns:120px 1fr;padding:20px}
}

@media(max-width:900px){
  .wt-level-grid{grid-template-columns:1fr}
  .wt-level-card{grid-template-columns:140px 1fr}
}

@media(max-width:520px){
  .wt-level-card{grid-template-columns:1fr;text-align:center}
  .wt-level-badge-wrap{width:150px;margin-inline:auto}
}

/* WEBTRUST_LEVELS_VISUAL_POLISH_V2 */
.wt-level-grid{
  gap:18px;
}

.wt-level-card{
  overflow:hidden;
  padding:24px 22px;
  border-color:rgba(218,170,66,.24);
  background:
    radial-gradient(circle at 18% 50%,rgba(218,170,66,.055),transparent 30%),
    linear-gradient(145deg,rgba(55,9,22,.92),rgba(22,3,9,.97));
  box-shadow:
    0 20px 46px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,225,150,.025);
}

.wt-level-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,219,119,.018);
}

.wt-level-card:hover{
  transform:translateY(-4px);
  border-color:rgba(218,170,66,.48);
  box-shadow:0 26px 60px rgba(0,0,0,.34);
}

.wt-level-gold{
  transform:translateY(-8px);
  border-color:rgba(245,193,68,.84);
  background:
    radial-gradient(circle at 30% 50%,rgba(218,170,66,.13),transparent 38%),
    linear-gradient(145deg,rgba(64,12,23,.97),rgba(27,4,10,.98));
  box-shadow:
    0 26px 68px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,211,93,.08),
    0 0 38px rgba(218,170,66,.14),
    inset 0 0 44px rgba(218,170,66,.07);
}

.wt-level-gold:hover{
  transform:translateY(-12px);
  border-color:rgba(255,218,115,.95);
}

.wt-level-badge-wrap{
  position:relative;
}

.wt-level-badge-wrap::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  bottom:4%;
  height:14px;
  border-radius:50%;
  background:rgba(218,170,66,.18);
  filter:blur(14px);
  opacity:.45;
}

.wt-level-gold .wt-level-badge-wrap::after{
  opacity:.95;
  background:rgba(255,205,79,.30);
}

.wt-level-range{
  font-size:11px;
  letter-spacing:.10em;
}

.wt-level-copy h3{
  font-size:29px;
}

@media(max-width:900px){
  .wt-level-gold{transform:none}
  .wt-level-gold:hover{transform:translateY(-4px)}
}

/* WEBTRUST_LEVELS_VISUAL_POLISH_V3 */
.wt-level-card{
  grid-template-columns:165px 1fr;
  min-height:220px;
  padding:28px 24px;
}

.wt-level-badge-wrap{
  width:165px;
  margin-inline:auto;
}

.wt-level-gold{
  min-height:236px;
  transform:translateY(-12px) scale(1.025);
  border-color:rgba(255,205,76,.95);
  box-shadow:
    0 30px 78px rgba(0,0,0,.42),
    0 0 46px rgba(218,170,66,.20),
    inset 0 0 55px rgba(218,170,66,.09);
}

.wt-level-gold .wt-level-badge-wrap{
  width:178px;
}

.wt-level-copy h3{
  font-size:31px;
}

.wt-level-gold .wt-level-copy h3{
  color:#ffe39a;
  text-shadow:0 0 18px rgba(218,170,66,.16);
}

@media(max-width:1100px){
  .wt-level-card{grid-template-columns:135px 1fr;min-height:200px}
  .wt-level-badge-wrap,.wt-level-gold .wt-level-badge-wrap{width:135px}
}

@media(max-width:900px){
  .wt-level-gold{transform:none;min-height:0}
}
