/* ==========================================================================
   GoldTeam (MuWeb 0.9) — folha única do template.
   Port do style_global.css original com os mesmos valores (cores, fontes,
   tamanhos e espaçamentos), só reescrito em CSS atual: sem hacks de IE e
   -moz-*, flex no lugar das tabelas de layout, border-radius/opacity padrão.
   Os componentes do CMS (vp-*) usam os estilos equivalentes do original:
   txt-simple, even/even2, msg-ok/msg-error/msg-notice, gtn, vault_table…
   ========================================================================== */

/* ── Base (A, td, body, img, hr, h3, h4, input, select) ──────────────── */
*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
    margin: 0;
    padding: 0;
    background: #000;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
}

a { color: #472201; text-decoration: none; }
a:hover { color: #452509; text-decoration: underline; }

img { border: 0; }

td { color: #69482c; font-size: 11px; }

hr { margin: 0; padding: 0; }

h3 {
    margin-left: 0;
    padding-bottom: 0;
    color: #8d715a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
h4 {
    padding-bottom: 0;
    color: #8d715a;
    font: bold 15px Arial, Helvetica, sans-serif;
}

input { font-size: 12px; margin-top: 5px; }

select {
    margin-top: 5px;
    border: 1px solid #000;
    background-color: #480000;
    color: #fff;
    font-size: 12px;
}

.button {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.gt-on { color: green !important; }
.gt-off { color: red !important; }

/* ── Barra do topo ────────────────────────────────────────────────────── */
.servertime {
    padding: 0 10px;
    border-bottom: 1px solid #422810;
    background-color: #2c2f2d;
    color: #c7ac84;
}
.servertime-in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 18px;
    width: 962px;
    min-height: 28px;
    margin: 0 auto;
    text-align: left;
}
.servertime b { color: #fff; }
.servertime-social { margin-left: auto; }
.servertime-social a { margin-left: 10px; color: #c7ac84; }
.servertime-social a:hover { color: #fff; }

/* ── Fundo e cabeçalho ────────────────────────────────────────────────── */
/* A pedra do fundo começa abaixo da navbar (42px), alinhada com a arte do
   cabeçalho, como no original. */
.bg { background: #000 url(../images/bg.jpg) repeat-y center 42px; }

/* O site fica 15% maior. O zoom vai no .bg (e não só no conteúdo) para a
   pedra do fundo escalar junto com a arte do cabeçalho — senão as texturas
   deixam de casar e aparece uma emenda nas laterais. */
.bg { zoom: 1.15; }

.mainwrap {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

.head1 { height: 100px; margin: 0; background: url(../images/head1.jpg) no-repeat top center; }
.head2 { height: 100px; margin: 0; background: url(../images/head2.jpg) no-repeat top center; }
.head3 { height: 123px; margin: 0; background: url(../images/head3.jpg) no-repeat top center; }

/* ── Página de mármore ────────────────────────────────────────────────── */
.page {
    position: relative;
    width: 982px;
    margin: 0 auto;
    padding: 0 0 114px;
    background: #d9d5ca url(../images/bg.jpg) repeat-y center -323px;
    text-align: justify;
}

/* Arte do topo da página na posição original (encaixa com o head3: asas e
   colunas de prata contínuas). O nome do servidor antigo foi apagado da
   placa no próprio page-h.jpg. */
.page2 { background: url(../images/page-h.jpg) no-repeat top center; }

.pagetitle {
    height: 42px;          /* 35px + 7px de padding do original */
    margin: 0;
    padding-top: 7px;
    color: #c7ac84;
    text-align: center;
}

/* A logo, inteira, no alto da arte do cabeçalho, na altura da torre do
   castelo (as três faixas somam 323px acima da página). */
.gt-logo {
    position: absolute;
    top: -173px;   /* pé da logo 20px acima do texto da placa */
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    line-height: 0;
}
.gt-logo img { width: auto; height: 158px; }

/* Texto na placa escura do topo da página (interior ~320x36, centrado). */
.gt-plate {
    position: absolute;
    top: 3px;
    left: 50%;
    z-index: 4;
    width: 300px;
    height: 32px;
    margin-left: -150px;
    color: #eadcb8;
    line-height: 1;
    text-align: center;
    pointer-events: none;
}
.gt-plate strong {
    display: block;
    overflow: hidden;
    font: 700 15px/17px Almendra, Georgia, serif;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px #000;
    white-space: nowrap;
}
.gt-plate span {
    display: block;
    overflow: hidden;
    color: #c7ac84;
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.gt-logo:hover { text-decoration: none; }

/* Três colunas: 235 · 513 · 234 (a tabela de 982px do original). */
.gt-cols { display: flex; align-items: flex-start; }
.gt-left { flex: 0 0 235px; width: 235px; }
.gt-center { flex: 0 0 513px; width: 513px; padding-top: 30px; }
.gt-right { flex: 0 0 234px; width: 234px; }

/* ── Janelas laterais (.bl / .br) ─────────────────────────────────────── */
/* Medidas tiradas do original rodando lado a lado: cada janela começa com a
   imagem-título de 235px colada no topo da coluna (55px de altura na
   primeira, 65px nas outras) e o conteúdo vem logo abaixo. A placa aqui é
   a moldura nova (plaque.png, 206x55) com o nome do sistema em texto, no
   mesmo ponto onde ficava a placa desenhada em cada imagem original. */
.bl, .br {
    width: 235px;
    padding-bottom: 15px;
    font-size: 11px;
    text-align: left;
}
.bl { background: url(../images/bl-bg.png) no-repeat bottom left; }
.br { background: url(../images/br-bg.png) no-repeat bottom right; }

.gt-bt {
    width: 206px;
    height: 55px;
    margin: 0 0 2px 22px;
    padding: 6px 0 0;       /* nome um pouco abaixo do meio da placa */
    background: url(../images/plaque.png) no-repeat 0 0 / 206px 55px;
    color: #eadcb8;
    font: 700 15px/49px Almendra, "Book Antiqua", Georgia, serif;
    text-align: center;
    text-shadow: 0 1px 2px #000;
    white-space: nowrap;
}
/* janelas seguintes: imagem de 65px com a placa 9px abaixo do topo */
.bl + .bl .gt-bt,
.br + .br .gt-bt {
    height: 65px;
    background-position: 0 9px;
    padding-top: 15px;
    line-height: 49px;
}
/* Todas as placas de uma coluna ficam na mesma linha vertical, alinhadas à
   moldura de baixo: 22px na esquerda, 5px na direita. */
.gt-right .gt-bt { margin-left: 5px; }

/* Conteúdo: margens do original (0 35 0 50 na esquerda, 0 50 5 35 na direita). */
.bl .gt-block { margin: 0 35px 0 50px; }
.br .gt-block { margin: 0 50px 5px 35px; }

/* Menu (.mainMenu): 1º item em x=65, 11px, preto, negrito, maiúsculo,
   linhas de 12px com 10px entre elas. */
.gt-menu {
    margin: 0 35px 0 65px;
    padding: 0;
    list-style: none;
    line-height: 12px;
}
.gt-menu li + li { margin-top: 10px; }
.gt-menu a,
.gt-menu a:visited {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.gt-menu a:hover { color: #000; text-decoration: underline; }

/* Menu da direita: centrado numa faixa de 170px a partir de x=35. */
.br .gt-menu { width: 170px; margin: 0 0 5px 35px; text-align: center; }

/* Hall da Fama: tabelas de 160px a partir de x=50. */
.bl .gt-block:has(> .gt-hof) { margin: 0 0 0 50px; }
.gt-hof { width: 160px; border-collapse: separate; border-spacing: 2px; }
.gt-hof + .gt-hof .gt-hof-title { padding-top: 12px; }
.gt-hof td { padding: 1px; text-align: center; }
.gt-hof td:nth-child(2) { max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gt-hof .gt-hof-title { text-align: left; font-weight: bold; text-transform: uppercase; }
.gt-hof .gt-hof-head td { font-weight: bold; }

/* Estatísticas: rótulo à esquerda, valor à direita, linha pontilhada. */
/* margens do original: o mármore da coluna direita acaba antes da coluna
   de prata, então o texto não pode passar de 50px da borda direita. */
.gt-stats {
    margin: 0 50px 5px 35px;
    padding: 0;
    list-style: none;
}
.gt-stats li {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    padding: 3px 0;
    border-bottom: 1px dotted #b9ab8f;
    color: #69482c;
}
.gt-stats li:last-child { border-bottom: 0; }
.gt-stats li b { flex: 0 0 auto; color: #3d1c02; text-align: right; }
.gt-stats li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gt-stats li span a { color: #69482c; }
.gt-stats li span a:hover { color: #452509; }
.gt-stats li.gt-empty { display: block; color: #8d715a; font-style: italic; }
/* na coluna esquerda o mármore fica à direita da prata: margens 0 35 0 50 */
.bl .gt-stats { margin: 0 35px 5px 50px; }

/* Login: campos de 123x18 em x=56, 5px entre eles. */
.br .gt-block:has(> .gt-login) { margin: 0; }
.gt-login { width: 123px; margin: 0 0 0 56px; text-align: center; }
.gt-login input[type=text],
.gt-login input[type=password] { display: block; width: 123px; height: 18px; margin: 5px 0 0; font-size: 11px; }
.gt-login input[type=submit] { margin-top: 7px; }
.gt-links { margin: 10px 0 0; text-align: center; }
.br .gt-links { margin: 10px 30px 0 20px; }
.gt-hi, .gt-cash { margin: 0; color: #69482c; text-align: center; }
.gt-cash b { font-size: 10px; }
.gt-avatar { display: block; width: 100px; margin: 4px auto; }
.gt-block p:has(> .gt-btn) { text-align: center; }

.gt-poll-opt { display: block; padding: 2px 0; color: #69482c; cursor: pointer; }
.gt-poll-opt input { margin: 0 4px 0 0; vertical-align: middle; }
.gt-poll-opt em { float: right; font-style: normal; font-weight: bold; }
#gt-poll-form { text-align: left; }
#gt-poll-form .gt-btn { display: block; margin: 5px auto 0; }

.gt-down { margin: 4px 0 0; padding: 0 26px 0 14px; text-align: center; }
.gt-down img { display: block; width: 100%; max-width: 195px; height: auto; margin: 0 auto; }

.gt-empty-note { margin: 0; color: #8d715a; font-style: italic; }

/* "Ver todos" no fim de uma janela */
.gt-more { margin: 6px 0 0; text-align: right; }
.gt-more a {
    display: inline-block;
    padding: 1px 8px;
    border: 1px solid #989064;
    border-radius: 4px;
    background: url(../images/input.png) repeat left center;
    color: #706940;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.gt-more a:hover { color: #472201; text-decoration: none; }

/* Status do servidor (topo das Estatísticas) */
.gt-status { margin: 0 50px 6px 35px; padding: 0 0 6px; border-bottom: 1px dotted #b9ab8f; }
.gt-status-name { display: block; color: #3d1c02; font-weight: bold; text-transform: uppercase; }
.gt-status-bar { display: block; height: 5px; margin: 4px 0 3px; border: 1px solid #989064; background: #e6e1d4; }
.gt-status-bar i { display: block; height: 100%; max-width: 100%; background: linear-gradient(#b3200a, #740000); }
.gt-status-line { display: flex; justify-content: space-between; font-size: 10px; }
.gt-status-line em { color: #69482c; font-style: normal; }

/* Home — slider: imagens 358x225 mostradas inteiras na largura do centro */
.gt-slider {
    position: relative;
    aspect-ratio: 358 / 225;
    margin: 0 0 18px;
    overflow: hidden;
    border: 1px solid #989064;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35);
    background: #2c2f2d;
}
.gt-slide {
    position: absolute;
    inset: 0;
    background: no-repeat center / cover;
    opacity: 0;
    transition: opacity .8s ease;
}
.gt-slide.is-active { opacity: 1; z-index: 1; }

/* Texto do slide dentro da imagem: sem faixa, sem moldura e sem véu —
   só a sombra nas letras para ler sobre a arte. Título e descrição à
   esquerda, botão à direita, no pé da imagem. */
.gt-slide-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 0 14px 12px;
}
.gt-slide-text { flex: 1 1 auto; min-width: 0; text-align: left; }
.gt-slide-text strong {
    display: block;
    overflow: hidden;
    color: #fff4d6;
    font: 700 22px/1.1 Almendra, Georgia, serif;
    text-overflow: ellipsis;
    text-shadow: 0 0 2px #000, 0 1px 3px #000, 0 2px 8px #000, 0 0 14px rgba(0, 0, 0, .9);
    white-space: nowrap;
}
.gt-slide-text span {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-overflow: ellipsis;
    text-shadow: 0 0 2px #000, 0 1px 2px #000, 0 0 8px #000;
    white-space: nowrap;
}
.gt-slide-bar .vp-btn { flex: 0 0 auto; }
.gt-slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 26px;
    height: 34px;
    margin-top: -17px;
    border: 1px solid #989064;
    background: rgba(44, 47, 45, .85);
    color: #eadcb8;
    font: bold 22px/28px Georgia, serif;
    cursor: pointer;
}
.gt-slider-arrow:hover { background: #740000; color: #fff; }
.gt-prev { left: 6px; }
.gt-next { right: 6px; }
.gt-slider-dots { position: absolute; top: 8px; right: 10px; z-index: 2; display: flex; gap: 5px; }
.gt-slider-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid #989064;
    border-radius: 50%;
    background: #2c2f2d;
    cursor: pointer;
}
.gt-slider-dots button.is-active { background: #b3200a; }

/* Home — atalhos Download / Cadastro / Doar */
.gt-quick { display: flex; gap: 6px; margin: 0 0 16px; }
.gt-quick-btn {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    gap: 7px;
    min-width: 0;
    height: 50px;
    padding: 0 9px;
    border: 1px solid #989064;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 3px rgba(0, 0, 0, .3);
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.gt-quick-btn:hover { color: #fff; filter: brightness(1.12); text-decoration: none; }
.gt-quick-btn svg { flex: 0 0 24px; width: 24px; height: 24px; fill: none; stroke: #f3e6c8; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.gt-quick-btn b { display: block; font: 700 15px/1.1 Almendra, Georgia, serif; }
.gt-quick-btn small { display: block; overflow: hidden; color: #f0e3c4; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.gt-quick-btn span { min-width: 0; }
.gt-q-download { background: linear-gradient(#5e8f22, #2f5a10); }
.gt-q-register { background: linear-gradient(#a52406, #5e0b01); }
.gt-q-donate { background: linear-gradient(#b8892a, #6e4a0c); }

/* Botões grandes Download / Cadastro (topo da coluna direita na home) */
.gt-cta { margin: 0 0 6px 12px; width: 206px; }
.gt-cta-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 58px;
    margin: 0 0 5px;
    padding: 0 12px;
    border: 1px solid #989064;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 3px rgba(0, 0, 0, .35);
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.gt-cta-btn:hover { filter: brightness(1.12); text-decoration: none; color: #fff; }
.gt-cta-btn svg { flex: 0 0 30px; width: 30px; height: 30px; fill: none; stroke: #f3e6c8; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.gt-cta-btn b { display: block; font: 700 17px/1.1 Almendra, Georgia, serif; }
.gt-cta-btn small { display: block; margin-top: 2px; color: #f0e3c4; font-size: 10px; }
.gt-cta-download { background: linear-gradient(#5e8f22, #2f5a10); }
.gt-cta-register { background: linear-gradient(#a52406, #5e0b01); }

/* Redes sociais na lateral direita: um botão abaixo do outro, cada um com
   a cor da marca e a borda dourada do template. Sem posição fixa — se uma
   rede for desativada no painel as outras sobem sozinhas. */
.gt-social { display: flex; flex-direction: column; gap: 5px; width: 206px; margin: 0 0 8px 12px; }
.gt-social-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid #989064;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 2px 3px rgba(0, 0, 0, .3);
    color: #fff;
    font: 700 14px/1 Almendra, Georgia, serif;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
.gt-social-btn:hover { color: #fff; filter: brightness(1.12); text-decoration: none; }
.gt-social-btn svg { flex: 0 0 20px; width: 20px; height: 20px; fill: currentColor; }
.gt-social-discord   { background: linear-gradient(#6b76f5, #4450c9); }
.gt-social-instagram { background: linear-gradient(90deg, #f09433, #dc2743 55%, #bc1888); }
.gt-social-facebook  { background: linear-gradient(#2d88f5, #145dbf); }
.gt-social-youtube   { background: linear-gradient(#f02b2b, #b80d0d); }
.gt-social-whatsapp  { background: linear-gradient(#33d66f, #1a9e4b); }

/* Links rápidos */
.gt-links-list { margin: 0 50px 5px 35px; padding: 0; list-style: none; }
.gt-links-list li { border-bottom: 1px dotted #b9ab8f; }
.gt-links-list li:last-child { border-bottom: 0; }
.gt-links-list a { display: block; padding: 3px 0 3px 10px; color: #3d1c02; font-weight: bold; position: relative; }
.gt-links-list a::before { content: "›"; position: absolute; left: 1px; color: #740000; }
.gt-links-list a:hover { background: rgba(255, 255, 255, .35); color: #740000; text-decoration: none; }

/* Tópicos do fórum */
.gt-topics { margin: 0 50px 5px 35px; padding: 0; list-style: none; }
.gt-topics li { padding: 3px 0; border-bottom: 1px dotted #b9ab8f; }
.gt-topics li:last-child { border-bottom: 0; }
.gt-topics a { display: block; overflow: hidden; color: #3d1c02; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.gt-topics small { color: #8d715a; font-size: 10px; }

/* ── txt-simple / botao (campos e botões do original) ─────────────────── */
.txt-simple,
.txt-simplel {
    padding-left: 3px;
    border-radius: 5px;
    background: url(../images/input.png) repeat left center;
}
.txt-simple {
    border: 1px solid #989064;
    color: #706940;
    opacity: .92;
}
.gt-btn { display: inline-block; padding: 1px 8px; font: 12px Arial, Helvetica, sans-serif; cursor: pointer; }
a.gt-btn:hover { color: #472201; text-decoration: none; }

/* ── Coluna central ───────────────────────────────────────────────────── */
.middle_top    { width: 513px; height: 37px; margin: 0; background: url(../images/bc-head.png) no-repeat top center; }
.middle_center { width: 513px; margin: 0; background: url(../images/bc-center.png) repeat-y center; }
.middle_bottom { width: 513px; height: 22px; margin: 0; background: url(../images/bc-bottom.png) no-repeat bottom center; }

/* A tabela de 480px centrada onde entrava a sub-página. */
.gt-content {
    width: 480px;
    margin: 0 auto;
    padding: 2px;
    color: #69482c;
    font-size: 12px;
    text-align: left;
    overflow-wrap: break-word;
}

/* Título da página: <font color=#740000 size=3><b>, maiúsculo, com a
   hr-line.png embaixo e duas quebras de linha. */
.gt-content h1 {
    margin: 0 0 26px;
    padding: 0 0 19px;
    background: url(../images/hr-line.png) no-repeat bottom center;
    color: #740000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.gt-content h2 { margin: 14px 0 6px; color: #740000; font-size: 13px; }
.gt-content h3 { margin: 12px 0 6px; }
.gt-content h4 { margin: 12px 0 6px; }
.gt-content p { margin: 0 0 8px; }

/* ══════════════════════════════════════════════════════════════════════
   COMPONENTES DE CONTEÚDO (vp-*)
   ══════════════════════════════════════════════════════════════════════ */
.hl { color: #850300; font-weight: bold; }
.ev-on, .online { color: #2f7a16; font-weight: bold; }
.offline { color: #b00000; font-weight: bold; }
.vp-meta { color: #8d715a; font-size: 11px; }
.margin5 { height: 5px; } .margin8 { height: 8px; } .margin10 { height: 10px; }
.margin15 { height: 15px; } .margin20 { height: 20px; }
.clearfloat { clear: both; }

/* Painel */
.vp-panel {
    margin: 0 0 14px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .28);
}
.vp-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #3d1c02;
    color: #f0dcae;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}
.vp-panel-head a { color: #ffd98a; }
.vp-panel-body { padding: 10px; }

/* Grupo com legenda na borda */
.vp-group {
    position: relative;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
    margin: 18px 0 12px;
    padding: 16px 10px 8px;
}
.vp-group-title {
    position: absolute;
    top: -9px;
    left: 10px;
    padding: 1px 8px;
    background: #850300;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.vp-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px dotted #b9ab8f;
}
.vp-row:last-child { border-bottom: 0; }
.vp-row-label { color: #69482c; }
.vp-row-value { display: flex; align-items: center; gap: 6px; color: #3d1c02; font-weight: bold; }

/* Lista chave/valor */
.vp-list { list-style: none; padding: 0; margin: 0; }
.vp-list li {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 2px;
    border-bottom: 1px dotted #b9ab8f;
}
.vp-list li:last-child { border-bottom: 0; }
.vp-list li strong, .vp-list li b { color: #3d1c02; }

/* Tabelas (cabeçalho vinho do "tr.ranking" original) */
.vp-table { width: 100%; border-collapse: collapse; margin: 0 0 6px; }
.vp-table th {
    background: #a10301;
    color: #fff;
    font-weight: bold;
    padding: 5px 6px;
    text-align: center;
    font-size: 11px;
}
.vp-table td {
    padding: 5px 6px;
    text-align: center;
    border-bottom: 1px solid #c5bca7;
    color: #69482c;
}
.vp-table tr:nth-child(even) td { background: rgba(197, 195, 185, .45); }
.vp-table td.left, .vp-table th.left { text-align: left; }
.vp-table td.right, .vp-table th.right { text-align: right; }
.vp-table td strong { color: #3d1c02; }
.vp-scroll { width: 100%; overflow-x: auto; }

/* Avisos (msg-ok / msg-error / msg-notice do original) */
.vp-alert {
    margin: 0 0 10px;
    padding: 7px 10px;
    border: 1px solid #989064;
    background: #da8b02;
    color: #fff;
    font-weight: bold;
}
.vp-alert-success { background: #16721c; }
.vp-alert-danger { background: #c73a1b; }
.vp-alert-warning { background: #da8b02; }
.vp-alert-info { background: #3d1c02; }
.vp-alert a { color: #fff; text-decoration: underline; }

/* Botões */
.vp-btn, button.vp-btn, input.button {
    display: inline-block;
    cursor: pointer;
    padding: 5px 14px;
    border: 1px solid #989064;
    border-radius: 4px;
    background: linear-gradient(#8a1a04, #560a01);
    color: #f3e6c8;
    font: bold 11px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.vp-btn:hover, button.vp-btn:hover, input.button:hover {
    background: linear-gradient(#a52406, #6b0e02);
    color: #fff;
    text-decoration: none;
}
.vp-btn[disabled], .vp-btn.disabled { background: #b3a88f; color: #eee; cursor: not-allowed; }
.vp-btn-sm { padding: 3px 9px; font-size: 10px; }
.vp-btn-block { display: block; width: 100%; }

.vp-back { text-align: center; margin: 14px 0 4px; }

/* Formulários */
.gt-content input[type=text],
.gt-content input[type=password],
.gt-content input[type=email],
.gt-content input[type=number],
.gt-content input[type=date],
.gt-content input[type=tel],
.gt-content select,
.gt-content textarea {
    width: 100%;
    max-width: 100%;
    padding: 5px 7px;
    border: 1px solid #989064;
    border-radius: 4px;
    background: #f1ece0;
    color: #3d1c02;
    font: 12px Arial, Helvetica, sans-serif;
}
.gt-content textarea { min-height: 90px; resize: vertical; }
.gt-content input[type=checkbox], .gt-content input[type=radio] { width: auto; vertical-align: middle; margin-right: 4px; }
.gt-content input[disabled] { background: #ddd6c6; color: #8d715a; }

.vp-form .vp-field { margin: 0 0 10px; }
.vp-form .vp-field > span {
    display: block;
    margin: 0 0 3px;
    font-weight: bold;
    color: #3d1c02;
    text-transform: uppercase;
    font-size: 10.5px;
}
.vp-form .vp-hint { display: block; margin-top: 2px; color: #8d715a; font-size: 10.5px; font-style: normal; }
.vp-form-2col { display: flex; flex-wrap: wrap; gap: 0 12px; }
.vp-form-2col > .vp-field { width: calc(50% - 6px); }
.vp-form-2col > .vp-field-full { width: 100%; }

/* Cartões */
/* Cartões sempre em duas colunas iguais (2 em cima, 2 embaixo...). Com
   número ímpar o último fica com meia largura, sem esticar. Os cartões da
   mesma linha têm a mesma altura e o botão fica sempre no pé. */
.vp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.vp-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 10px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
}
.vp-card h4 {
    margin: 0 0 6px;
    padding: 0 0 6px;
    border-bottom: 1px dotted #989064;
    color: #740000;
    font-size: 13px;
}
.vp-card p { margin: 0 0 6px; }
.vp-card > :last-child { margin-top: auto; }
.vp-card > .vp-card-tag { align-self: center; }
.vp-card:not(.vp-card-center) > .vp-card-tag { align-self: flex-start; }
.vp-card .vp-card-cover { display: block; width: 100%; height: 100px; object-fit: cover; margin-bottom: 8px; }
.vp-card-price { font-size: 20px; font-weight: bold; color: #3d1c02; margin: 6px 0; }
.vp-card-price small { font-size: 50%; color: #8d715a; text-transform: uppercase; margin-left: 3px; }
.vp-card-tag { display: inline-block; padding: 1px 7px; margin-bottom: 5px; background: #850300; color: #fff; font-size: 10px; font-weight: bold; }
.vp-card-center { text-align: center; }

/* Paginação */
.vp-pager { text-align: center; margin: 12px 0 4px; }
.vp-pager a, .vp-pager span {
    display: inline-block;
    min-width: 24px;
    padding: 2px 6px;
    margin: 0 1px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
    color: #472201;
}
.vp-pager .active { background: #850300; border-color: #850300; color: #fff; font-weight: bold; }
.vp-pager .disabled { color: #b3a88f; }

/* Home: notícias em cartões (título, capa, resumo, data e "Leia mais") */
.gt-news { margin: 0 0 16px; border: 1px solid #989064; background: rgba(255, 255, 255, .28); }
.gt-news + .gt-news { margin-top: 4px; }
.gt-content .gt-news-title {
    margin: 0;
    padding: 6px 10px;
    background: linear-gradient(#4a2305, #2e1402);
    border-bottom: 1px solid #989064;
    font: 700 14px/1.2 Almendra, Georgia, serif;
    text-transform: none;
}
.gt-news-title a { color: #f0dcae; }
.gt-news-title a:hover { color: #fff; text-decoration: none; }
.gt-news-cover { display: block; margin: 8px 8px 0; border: 1px solid #989064; line-height: 0; }
.gt-news-cover img { width: 100%; height: 190px; object-fit: cover; }
.gt-news-text { margin: 8px 10px 0 !important; color: #69482c; line-height: 1.5; text-align: justify; }
.gt-news-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin: 8px 10px 0;
    padding: 6px 0 8px;
    border-top: 1px dotted #b9ab8f;
    color: #8d715a;
    font-size: 11px;
}
.gt-news-foot b { color: #740000; }
.gt-news-date { display: flex; align-items: center; gap: 7px; }
.gt-news-date i {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #989064;
    border-radius: 50%;
    background: linear-gradient(#a52406, #5e0b01);
    color: #f0dcae;
    font-size: 8px;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
}
.gt-news-date i b { color: #fff; font-size: 13px; }

/* Home: Market / Char Market / Leilões no centro, no mesmo cartão das notícias */
.gt-shelf { margin-top: 18px; }
.gt-shelf .vp-item-row { margin: 0 10px; padding: 6px 2px; border: 0; border-bottom: 1px dotted #b9ab8f; background: none; }
.gt-shelf .vp-item-row:last-of-type { border-bottom: 0; }
.gt-shelf .vp-item-row:nth-child(even of .vp-item-row) { background: none; }
.gt-shelf .gt-news-foot { border-top: 0; }
.gt-shelf-empty { margin: 10px 10px 0 !important; color: #8d715a; font-style: italic; }

/* Home: últimas notícias "título :: data" em linhas separadas */
#noticias ul { margin: 0 0 6px; padding: 0; list-style: none; }
#noticias li { padding: 4px 2px 4px 14px; border-bottom: 1px solid #c5bca7; background: linear-gradient(#740000, #740000) no-repeat 3px center / 5px 5px; }
#noticias li a { color: #472201; font-weight: bold; }
#noticias .ndate { color: #472201; font-weight: bold; }

.vp-rich { line-height: 1.55; }
.vp-rich img { max-width: 100%; height: auto; }
.vp-rich ul, .vp-rich ol { margin: 6px 0 6px 18px; padding: 0; }

/* Itens: ícone, balão, grade (fundo escuro como o "vault_table" original) */
.vp-item-preview { display: inline-block; }
.vp-item-preview .image { position: relative; display: inline-block; }
.vp-item-preview .image img { max-width: 100%; vertical-align: middle; }
.vp-item-tooltip {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 3000;
    min-width: 160px;
    padding: 5px 7px;
    background: #000;
    border: 1px solid #111;
    text-align: left;
    line-height: 1.4;
    white-space: nowrap;
    opacity: .94;
}
.vp-item-preview .image:hover .vp-item-tooltip { display: block; }
.vp-item-tooltip strong { display: block; color: #e0c27a; font: bold 11px Tahoma, Arial; }
.vp-item-tooltip strong.excellent { color: #4fd37d; }
.vp-item-tooltip strong.ancient { color: #5aaeff; }
.vp-item-tooltip span { display: block; color: #ccc; font: 11px Tahoma, Arial; }
.vp-item-tooltip span.excellent { color: #4fd37d; }
.vp-item-icon { vertical-align: middle; margin-right: 5px; max-height: 32px; }

.vp-item-grid {
    position: relative;
    width: calc(var(--cols) * 32px);
    height: calc(var(--rows) * 32px);
    display: grid;
    grid-template-columns: repeat(var(--cols), 32px);
    grid-template-rows: repeat(var(--rows), 32px);
    background: #212121;
    border: 1px solid #100f0d;
}
.vp-item-cell { border: 1px solid rgba(255, 255, 255, .05); }
.vp-grid-item {
    position: absolute;
    left: var(--item-left);
    top: var(--item-top);
    width: var(--item-width);
    height: var(--item-height);
    display: flex;
    align-items: center;
    justify-content: center;
}
.vp-grid-item img { max-width: 100%; max-height: 100%; }
.vp-grid-item a { display: block; width: 100%; height: 100%; }
.vp-grid-item:hover { outline: 1px solid #e0c27a; }

.vp-equipment-map { position: relative; width: 256px; height: 253px; }
.vp-equipment-map > img { width: 256px; height: 253px; }
.vp-equipment-slot { position: absolute; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.vp-equipment-slot img { max-width: 100%; max-height: 100%; }
.vp-equipment-slot.slot0  { left: 6px;   top: 84px;  width: 76px; height: 92px; }
.vp-equipment-slot.slot1  { left: 174px; top: 84px;  width: 76px; height: 92px; }
.vp-equipment-slot.slot2  { left: 90px;  top: 6px;   width: 76px; height: 72px; }
.vp-equipment-slot.slot3  { left: 90px;  top: 84px;  width: 76px; height: 92px; }
.vp-equipment-slot.slot4  { left: 90px;  top: 184px; width: 76px; height: 64px; }
.vp-equipment-slot.slot5  { left: 6px;   top: 184px; width: 76px; height: 64px; }
.vp-equipment-slot.slot6  { left: 174px; top: 184px; width: 76px; height: 64px; }
.vp-equipment-slot.slot7  { left: 174px; top: 6px;   width: 76px; height: 72px; }
.vp-equipment-slot.slot8  { left: 6px;   top: 6px;   width: 76px; height: 72px; }
.vp-equipment-slot.slot9  { left: 76px;  top: 84px;  width: 20px; height: 20px; }
.vp-equipment-slot.slot10 { left: 76px;  top: 184px; width: 20px; height: 20px; }
.vp-equipment-slot.slot11 { left: 160px; top: 184px; width: 20px; height: 20px; }
.vp-equipment-slot.active-slot { outline: 1px solid #e0c27a; }

/* Colunas estreitas: tudo que era lado a lado empilha */
.vp-split { display: flex; flex-direction: column; gap: 12px; }
.vp-split-left, .vp-split-right { width: 100%; min-width: 0; }
.vp-split-left { display: flex; flex-direction: column; align-items: center; }

.vp-char-list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.vp-char {
    display: block;
    width: 84px;
    padding: 5px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
    text-align: center;
    color: #3d1c02;
}
.vp-char.active, .vp-char:hover { border-color: #850300; background: rgba(255, 255, 255, .55); text-decoration: none; }
.vp-char img { width: 70px; height: 70px; object-fit: cover; }
.vp-char p { margin: 3px 0 0; font-weight: bold; font-size: 11px; }

.vp-item-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 7px;
    margin: 0 0 6px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
}
.vp-item-row .vp-ir-img { flex: 0 0 44px; text-align: center; }
.vp-item-row .vp-ir-info { flex: 1 1 150px; min-width: 0; }
.vp-item-row .vp-ir-name { font-weight: bold; color: #3d1c02; }
.vp-item-row .vp-ir-meta { color: #8d715a; font-size: 11px; margin-top: 2px; }
.vp-item-row .vp-ir-meta span {
    display: inline-block;
    padding: 0 5px;
    margin-right: 3px;
    border: 1px solid #989064;
    color: #3d1c02;
}
.vp-item-row .vp-ir-action { flex: 0 0 auto; text-align: right; }
.vp-item-row .vp-ir-price { color: #850300; font-weight: bold; font-size: 13px; margin-bottom: 3px; }
.vp-item-row .vp-ir-price span { color: #8d715a; font-size: 10px; margin-left: 2px; }

.vp-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    margin: 0 0 12px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
}
.vp-bar strong { color: #850300; }

/* Lojas: as categorias viram uma faixa de links em cima dos itens */
.vp-shop { display: flex; flex-direction: column; gap: 10px; }
.vp-shop-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    border: 1px solid #989064;
    background: rgba(255, 255, 255, .3);
}
.vp-shop-nav .vp-shop-nav-head { width: 100%; font-weight: bold; color: #740000; text-transform: uppercase; font-size: 11px; }
.vp-shop-nav a { padding: 2px 7px; border: 1px solid #c5bca7; color: #472201; font-size: 11px; }
.vp-shop-nav a:hover { border-color: #850300; text-decoration: none; }
.vp-shop-nav a.active-cat { background: #850300; border-color: #850300; color: #fff; font-weight: bold; }
.vp-shop-main { min-width: 0; }

.vp-class-pills { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
.vp-class-pills a { padding: 2px 7px; border: 1px solid #c5bca7; color: #472201; font-size: 11px; }
.vp-class-pills a.active-class { background: #3d1c02; border-color: #3d1c02; color: #f0dcae; }

/* Modal da loja */
.vp-modal-overlay { display: none; position: fixed; inset: 0; z-index: 9000; overflow-y: auto; background: rgba(0, 0, 0, .75); }
.vp-modal-overlay.open { display: block; }
.vp-modal {
    position: relative;
    width: 330px;
    max-width: 92%;
    margin: 60px auto;
    padding: 14px;
    border: 1px solid #989064;
    background: #d9d5ca;
    text-align: left;
    color: #69482c;
}
.vp-modal-close { position: absolute; top: 4px; right: 8px; border: 0; background: none; color: #3d1c02; font-size: 18px; cursor: pointer; }
.vp-modal-head { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px dotted #989064; }
.vp-modal-head .vp-modal-name { font-weight: bold; color: #3d1c02; font-size: 13px; }
.vp-modal-total { color: #850300; font-weight: bold; font-size: 15px; }

/* Diversos */
.vp-copy { display: flex; gap: 6px; align-items: center; margin: 8px 0; }
.vp-copy input { flex: 1 1 auto; }
.vp-progress { height: 8px; border: 1px solid #989064; background: rgba(255, 255, 255, .4); }
.vp-progress i { display: block; height: 6px; background: #850300; }
.vp-stats { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; text-align: center; }
.vp-stats div { flex: 1 1 90px; padding: 8px; border: 1px solid #989064; background: rgba(255, 255, 255, .3); font-size: 11px; }
.vp-stats strong { display: block; color: #850300; font-size: 18px; }
.vp-qr { display: inline-block; padding: 8px; margin-bottom: 10px; background: #fff; }
.vp-qr img { display: block; width: 200px; height: 200px; }
.qdestaques2 { background: #7d2a22; color: #fff; font-weight: bold; padding: 6px; }

/* Classes do style_global.css original (páginas/HTML que ainda usem) */
.even { background: transparent; }
.even2 { background: #c5c3b9; }
tr.ranking { background-color: #a10301; font-weight: bold; }
tr.ranking td { padding-top: 3px; color: #fff; }
tr.ranking td.pinned { color: red; }
table.gtn { margin: 0 0 4px; border-collapse: collapse; }
table.gtn td { padding: 3px; border: 1px solid #3d1c02; }
table.gtn tr.colhead2 { background-color: #3d1c02; }
table.gtn tr.colhead2 td { padding: 3px; color: #8d715a; font-weight: bold; }
div.msg-error, div.msg-ok, div.msg-notice { margin: 0 0 7px; padding: 3px 8px; border: 1px solid #989064; color: #fff; font-weight: bold; }
div.msg-error { background: #fa4a21; }
div.msg-ok { background: #16721c; }
div.msg-notice { background: #da8b02; }
#tooltip { position: absolute; z-index: 3000; max-width: 500px; padding: 5px; border: 1px solid #111; background: #000; text-align: left; opacity: .92; }
#tooltip h3, #tooltip div { margin: 0; font: 11px Tahoma, Arial, sans-serif; }
.vault_table { table-layout: fixed; margin: 0; padding: 0; border: 1px solid #100f0d; background: #212121; }
.botao, .bulett { display: inline-block; height: 22px; padding: 0 10px; border: 0; background: url(../images/fundoBotao.png) repeat-x; color: #fff; font-size: 11px; font-weight: bold; line-height: 22px; }

/* ── Rodapé ───────────────────────────────────────────────────────────── */
/* Fecho da página: a moldura original (footer.png sem os selos) presa ao pé
   do mármore, na largura da arte (1480px, centrada). */
#foot {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1480px;
    height: 114px;
    margin-left: -740px;
    background: url(../images/footer-frame.png) no-repeat bottom center;
    pointer-events: none;
}

/* Faixa do rodapé sobre a pedra escura das laterais (bg.jpg espelhado). */
.gt-footer {
    position: relative;
    border-top: 1px solid #422810;
    background: #141210 url(../images/footer-stone.jpg) repeat center top;
    color: #8d7a5e;
    font-size: 11px;
}
.gt-footer-in { width: 982px; margin: 0 auto; padding: 0 0 22px; }

.gt-footer-top {
    display: block;
    width: 34px;
    height: 34px;
    margin: -18px auto 10px;
    border: 1px solid #989064;
    border-radius: 50%;
    background: linear-gradient(#4a2305, #2e1402);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .6);
    color: #eadcb8;
    font-size: 11px;
    line-height: 32px;
    text-align: center;
}
.gt-footer-top:hover { background: linear-gradient(#a52406, #5e0b01); color: #fff; text-decoration: none; }

.gt-footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 26px;
    margin: 0 0 16px;
    padding: 0 0 14px;
    border-bottom: 1px solid #2f261d;
    list-style: none;
}
.gt-footer-nav a { color: #c7ac84; font-weight: bold; text-transform: uppercase; }
.gt-footer-nav a:hover { color: #fff; text-decoration: none; }
.gt-footer-nav a.is-active { color: #d2321a; }

/* Navbar do topo: a mesma faixa de pedra e os mesmos links do rodapé. */
.gt-navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    border-bottom: 1px solid #422810;
    background: #141210 url(../images/footer-stone.jpg) repeat center top;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
    z-index: 10;
}
.gt-navbar .gt-navbar-links { margin: 0; padding: 0; border: 0; }
.gt-navbar-account {
    position: absolute;
    top: 50%;
    right: calc(50% - 491px);
    padding: 4px 12px;
    border: 1px solid #989064;
    border-radius: 4px;
    background: linear-gradient(#a52406, #5e0b01);
    color: #f0dcae;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    transform: translateY(-50%);
}
.gt-navbar-account:hover { color: #fff; filter: brightness(1.15); text-decoration: none; }

.gt-footer-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.gt-footer-copy { text-align: left; }
.gt-footer-copy b { display: block; color: #c7ac84; }
.gt-footer-copy b span { color: #d2321a; }
.gt-footer-copy small { display: block; margin-top: 4px; font-size: 10px; line-height: 1.5; }
.gt-footer-logo { line-height: 0; }
.gt-footer-logo img { width: auto; height: 78px; }
.gt-footer-side { text-align: right; }
.gt-footer-side b { display: block; }
.gt-footer-side small { display: block; margin-top: 2px; font-size: 10px; }
.gt-footer-social a { margin-left: 10px; color: #c7ac84; font-size: 10px; font-weight: bold; text-transform: uppercase; }
.gt-footer-social a:hover { color: #fff; text-decoration: none; }

/* ── Telas estreitas ──────────────────────────────────────────────────── */
@media (max-width: 1000px) {
    .bg { zoom: 1; }
    .servertime-in, .page { width: 100%; }
    .page { background-image: none; }
    .page2 { background-size: 100% auto; }
    .gt-cols { flex-direction: column; align-items: stretch; }
    .gt-left, .gt-center, .gt-right { flex: 1 1 auto; width: 100%; }
    .bl, .br { width: 100%; background: none; }
    .bl .gt-bt, .br .gt-bt, .gt-right .gt-bt { margin: 8px auto; }
    .gt-login { margin: 0 auto; }
    .gt-cta { width: auto; margin: 8px 20px; }
    .gt-social { width: auto; margin: 0 20px 8px; }
    .bl .gt-block, .br .gt-block, .gt-menu, .br .gt-menu, .gt-stats { margin: 0 20px 5px; }
    .middle_top, .middle_center, .middle_bottom { width: 100%; background-size: 100% auto; }
    .gt-content { width: auto; margin: 0 14px; }
    .gt-content h1 { background-size: 100% auto; }
    .gt-logo { top: -150px; }
    .gt-plate { display: none; }
    .gt-footer-in { width: auto; padding: 0 14px 20px; }
    .gt-navbar { flex-direction: column; height: auto; gap: 6px; padding: 8px 10px; }
    .gt-navbar-account { position: static; transform: none; }
    .gt-footer-row { grid-template-columns: 1fr; text-align: center; }
    .gt-footer-copy, .gt-footer-side { text-align: center; }
    .gt-logo img { height: 80px; }
    .vp-cards { grid-template-columns: 1fr; }
}

/* "Ver todos" do Hall da Fama alinhado à tabela de 160px (não passa para a prata) */
.bl .gt-more { width: 160px; }

/* Loja: imagem própria do item, preço antigo (desconto), selos e descrição */
.vp-item-custom { max-width: 64px; max-height: 64px; vertical-align: middle; }
.vp-ir-old { margin-right: 4px; font-size: 11px; font-weight: normal; opacity: .6; text-decoration: line-through; }
.vp-ir-badge { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 3px; background: #a10301; color: #fff; font-size: 10px; font-weight: bold; vertical-align: middle; }
.vp-ir-badge.vp-ir-soldout { background: #555; }
.vp-ir-desc { margin-top: 3px; font-size: 11px; opacity: .85; }
.vp-ir-featured { box-shadow: inset 3px 0 0 #a10301; }
.vp-btn.disabled { cursor: not-allowed; opacity: .5; }