/* ==========================================
   TAU TRUST & CONVERSION BOOSTER
   Premium Dark Theme v2.0
========================================== */

.tau-wrapper{
    background:#000;
    border:1px solid #2c2c2c;
    border-radius:16px;
    padding:20px;
    margin-top:20px;
    color:#fff;
    font-family:inherit;
}

/* Card */

.tau-delivery,
.tau-viewers,
.tau-prepaid,
.tau-demand{

    background:#111;
    color:#fff;
    border:1px solid #222;
    border-radius:12px;
    padding:16px;
    margin-bottom:16px;
    transition:.3s;

}

.tau-delivery:hover,
.tau-viewers:hover,
.tau-prepaid:hover,
.tau-demand:hover{

    border-color:#ff6b00;

    box-shadow:0 0 20px rgba(255,107,0,.15);

}

/* Delivery */

.tau-delivery{

    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    font-weight:600;

}

.tau-delivery i{

    color:#00d25b;
    font-size:22px;

}

/* Viewer */

.tau-viewers{

    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:500;

}

.tau-viewers i{

    color:#fff;

}

/* Prepaid */

.tau-prepaid{

    display:flex;
    align-items:center;
    gap:15px;

}

.tau-prepaid i{

    font-size:32px;
    color:#ff9800;

}

.tau-prepaid strong{

    display:block;
    color:#fff;
    font-size:17px;

}

.tau-prepaid span{

    display:block;
    color:#bdbdbd;
    margin-top:5px;
    font-size:14px;

}

/* Trust Badges */

.tau-icons{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
    margin-top:18px;

}

.tau-icons div{

    background:#111;
    border:1px solid #222;
    border-radius:12px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    padding:18px 10px;

    text-align:center;

    transition:.3s;

    min-height:110px;

}

.tau-icons div:hover{

    border-color:#ff6b00;

    transform:translateY(-4px);

    box-shadow:0 0 18px rgba(255,107,0,.15);

}

.tau-icons i{

    color:#ff6b00;
    font-size:30px;
    margin-bottom:12px;

}

.tau-icons span{

    color:#fff;
    font-size:13px;
    line-height:18px;
    font-weight:600;

}

/* High Demand */

.tau-fire{

    display:flex;
    align-items:center;
    gap:10px;

    color:#ff6b00;

    font-size:18px;

    font-weight:700;

}

.tau-fire i{

    animation:tauFire 1.5s infinite;

}

.tau-selling{

    margin:12px 0;

    color:#fff;

    font-weight:600;

    font-size:15px;

}

.tau-progress{

    width:100%;

    height:10px;

    background:#333;

    border-radius:20px;

    overflow:hidden;

}

.tau-progress-fill{

    height:100%;

    width:0;

    border-radius:20px;

    background:linear-gradient(90deg,#ff6b00,#ffc107);

    transition:width 2s;

}

/* Animation */

@keyframes tauFire{

0%{

transform:scale(1);

}

50%{

transform:scale(1.15);

}

100%{

transform:scale(1);

}

}

@keyframes tauFade{

from{

opacity:0;

transform:translateY(10px);

}

to{

opacity:1;

transform:none;

}

}

.tau-wrapper>*{

animation:tauFade .4s ease;

}

/* ------------------------------
Tablet
------------------------------- */

@media(max-width:992px){

.tau-icons{

grid-template-columns:repeat(3,1fr);

}

}

/* ------------------------------
Mobile
------------------------------- */

@media(max-width:767px){

.tau-wrapper{

padding:15px;

}

.tau-delivery,
.tau-viewers,
.tau-prepaid,
.tau-demand{

padding:14px;

margin-bottom:14px;

}

.tau-delivery{

font-size:15px;

}

.tau-delivery i{

font-size:20px;

}

.tau-viewers{

font-size:14px;

}

.tau-prepaid{

flex-direction:row;

align-items:flex-start;

gap:12px;

}

.tau-prepaid i{

font-size:26px;

}

.tau-prepaid strong{

font-size:15px;

}

.tau-prepaid span{

font-size:13px;

}

.tau-icons{

grid-template-columns:repeat(2,1fr);

gap:10px;

}

.tau-icons div{

min-height:90px;

padding:14px 8px;

}

.tau-icons i{

font-size:26px;

margin-bottom:8px;

}

.tau-icons span{

font-size:12px;

line-height:16px;

}

.tau-fire{

font-size:16px;

}

.tau-selling{

font-size:14px;

}

}

/* ------------------------------
Small Mobile
------------------------------- */

@media(max-width:480px){

.tau-wrapper{

padding:12px;

border-radius:12px;

}

.tau-delivery{

font-size:14px;

}

.tau-viewers{

font-size:13px;

}

.tau-prepaid{

gap:10px;

}

.tau-prepaid i{

font-size:24px;

}

.tau-prepaid strong{

font-size:14px;

}

.tau-prepaid span{

font-size:12px;

}

.tau-icons{

grid-template-columns:repeat(2,1fr);

gap:8px;

}

.tau-icons div{

padding:12px 6px;

min-height:85px;

}

.tau-icons i{

font-size:22px;

}

.tau-icons span{

font-size:11px;

line-height:14px;

}

.tau-fire{

font-size:15px;

}

.tau-selling{

font-size:13px;

}

}

/* Hover */

.tau-icons div:hover i{

color:#ffc107;

}

.tau-prepaid:hover i{

transform:rotate(-10deg);

transition:.3s;

}

.tau-viewers:hover i{

transform:scale(1.2);

transition:.3s;

}

.tau-delivery:hover i{

color:#ff6b00;

}

/* Selection */

.tau-wrapper *::selection{

background:#ff6b00;

color:#fff;

}