.beps-pcta-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
} .beps-pcta-card {
display: flex;
align-items: center;
gap: 14px;
background-color: #ffffff;
border: 1px solid #EEF0F4;
border-radius: 14px;
padding: 12px 18px 12px 12px;
box-sizing: border-box;
text-decoration: none;
box-shadow: 0 2px 10px rgba(20, 20, 54, 0.04);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.beps-pcta-card:hover,
.beps-pcta-card:focus {
text-decoration: none;
} .beps-pcta-thumb {
flex-shrink: 0;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.beps-pcta-thumb img {
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
object-fit: contain;
display: block;
transition: transform 0.3s ease;
} .beps-pcta-info {
display: flex;
flex-direction: column;
min-width: 0; }
.beps-pcta-title {
color: #141436;
font-size: 15px;
font-weight: 700;
line-height: 1.3; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.beps-pcta-price {
color: #141436;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
margin-top: 4px;
} .beps-pcta-price del {
color: #9a9ab0;
margin-right: 6px;
}
.beps-pcta-price ins {
text-decoration: none;
} .beps-pcta-hover-lift:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(20, 20, 54, 0.10);
}
.beps-pcta-hover-zoom:hover .beps-pcta-thumb img {
transform: scale(1.08);
}