.beps-ppcta-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
border-radius: 20px;
min-height: 320px;
width: 100%;
} .beps-ppcta-card::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(10,10,40,0.75) 0%, rgba(0,0,0,0) 55%);
pointer-events: none;
z-index: 1;
} .beps-ppcta-media {
position: absolute;
inset: 0;
z-index: 0;
}
.beps-ppcta-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.beps-ppcta-card.beps-ppcta-zoom:hover .beps-ppcta-media img {
transform: scale(1.05);
} .beps-ppcta-top {
position: relative;
z-index: 2;
padding: 20px 20px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
} .beps-ppcta-badge {
display: inline-flex;
align-items: center;
padding: 6px 14px;
background-color: #F5C842;
color: #141436;
border-radius: 50px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
}
.beps-ppcta-title {
margin: 0;
font-weight: 700;
line-height: 1.3;
color: #ffffff;
} .beps-ppcta-bottom {
position: relative;
z-index: 2;
padding: 20px;
} .beps-ppcta-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.beps-ppcta-pricing {
display: flex;
align-items: baseline;
gap: 8px;
flex-wrap: wrap;
}
.beps-ppcta-price-sale {
font-size: 16px;
font-weight: 700;
color: #ffffff;
line-height: 1;
}
.beps-ppcta-price-regular {
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 0.65);
text-decoration: line-through;
line-height: 1;
} .beps-ppcta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 22px;
background-color: #141436;
color: #ffffff;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
line-height: 1;
transition: opacity 0.2s ease, transform 0.2s ease;
flex-shrink: 0;
}
.beps-ppcta-btn:hover {
opacity: 0.85;
transform: translateY(-1px);
}