.pq-silver{
    color:#1d2c5a;
    margin-bottom:20px;
}

.pq-silver__head{
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
}

.pq-silver__title{
    margin:0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.02em;
    color:#1d2c5a;
}

/* Meta row */
.pq-silver__meta{
    margin-top: 6px;
    display:flex;
    align-items:center;
    gap: 5px;
    flex-wrap: wrap;
}
.pq-silver__trend{
    display:flex;
    align-items:center;
    gap: 8px;
    color:#008c72;
    font-weight: 600;
    flex:100%;
}
.pq-silver__trendIcon{
    font-size: 14px;
    line-height: 1;
}
.pq-silver__trendVal{
    font-size: 28px;
    line-height: 1;
}
.pq-silver__trendText{
    color:#1d2c5a;
    font-weight: 400;
    margin-left: 2px;
    font-size: 14px;
}
.pq-silver__updated{
    font-weight: 400;
    font-size: 14px;
}

/* Prices row */
.pq-silver__prices{
    margin-top: 22px;
    display:flex;
    align-items:flex-end;
    gap: 54px;
    flex-wrap: wrap;
}

.pq-price__label{
    font-size: 14px;
    font-weight: 400;
    color:#1d2c5a;
    margin-bottom: 6px;
}
.pq-price__value{
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.02em;
}
.pq-price--buy .pq-price__value{ 
    color:#83222d; 
}
.pq-price--sell .pq-price__value{ 
    color:#008c72; 
}

.pq-unit{
    margin-left:auto;
    display:inline-flex;
    background:#f4f5f7;
    border-radius: 4px;
}
.pq-unit__btn{
    border:0 !important;
    background: transparent;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 400 !important;
    color:#85858d;
    margin-right:0;
    margin-bottom:0;
    font-size:14px;
    text-transform: none;
    line-height: 1 !important;
}
.pq-unit__btn.is-active{
    background:#264584;
    color:#fff;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

.pq-silver__chartTitle{
    margin-top: 18px;
    font-size: 14px;
    font-weight: 400;
    color:#1d2c5a;
}

.pq-range{
    margin-top: 14px;
    display:flex;
    gap: 10px;
    align-items:center;
    margin-bottom: 16px;
}
.pq-range__btn{
    border:0;
    padding: 8px !important;
    border-radius: 4px;
    color: #85858d;
    background-color: #f4f5f7;
    font-size:10px !important;
    line-height: 1 !important;
    margin-right:0px !important;
    margin-bottom:0 !important;
}
.pq-range__btn.is-active{
    background:#1e3a8a;
    color:#fff;
}

.pq-chart{
    margin-top: 12px;
    height: 520px;
    width: 100%;
}

@media (max-width: 900px){
    
}

.pq-silver__trendIcons{
    font-size: 14px;
    line-height: 1;
}
.pq-silver__trendVals{
    font-size: 28px;
    line-height: 1;
}
.pq-silver__trendTexts{
    color:#1d2c5a;
    font-weight: 400;
    margin-left: 2px;
    font-size: 14px;
}
.pq-silver__updateds{
    font-weight: 400;
    font-size: 14px;
}