.tep-wrapper{
    max-width:1200px;
    margin:auto;
    padding:20px;
}

.tep-card{
    position:relative;
    border:1px solid #d4af37;
    border-radius:10px;
    overflow:hidden;
    background:#000;
    box-shadow:0 0 10px rgba(212,175,55,.2);
}

.tep-card img{
    width:100%;
    aspect-ratio:3/4;
    object-fit:cover;
    display:block;
}

.tep-date{
    position:absolute;
    top:6px;
    left:6px;
    width:26px;
    height:26px;
    border:1px solid #d4af37;
    background:rgba(0,0,0,.7);
    border-radius:4px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#d4af37;
    font-size:9px;
    z-index:2;
}

.tep-content{
    position:absolute;
    bottom:0;
    width:100%;
    height:45%;
    background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.5),transparent);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.tep-content h3{
    font-size:12px;
    margin:0 0 6px;
    color:#e6c56f;
}

.tep-content a{
    display:inline-block !important;
    width:auto !important;
    padding:5px 12px;
    background:linear-gradient(145deg,#f3d37a,#b68a28);
    color:#000 !important;
    border-radius:6px;
    font-size:9px;
    text-decoration:none !important;
    margin:0 auto;
}

.tep-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    max-width:1200px;
    margin:auto;
}

@media(max-width:900px){
    .tep-grid{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:600px){
    .tep-grid{grid-template-columns:repeat(3,1fr);}
}