.beps-pur-wrap {
display: flex;
align-items: flex-start;
gap: 32px;
}
.beps-pur-col-left {
width: 200px;
min-width: 200px;
flex-shrink: 0;
}
.beps-pur-col-right {
flex: 1;
min-width: 0;
} .beps-pur-title {
margin: 0 0 16px;
font-size: 18px;
font-weight: 500;
color: #141436;
line-height: 1.2;
} .beps-pur-col-right .pg-3b532506-grid {
grid-template-columns: repeat(3, 1fr) !important;
column-gap: 20px;
row-gap: 20px;
} .beps-pur-mini-card {
display: flex;
align-items: flex-start;
gap: 12px;
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 16px;
padding: 12px;
box-sizing: border-box;
width: 100%;
}
.beps-pur-mini-thumb {
display: block;
flex-shrink: 0;
width: 72px;
height: 72px;
min-width: 72px;
border-radius: 10px;
overflow: hidden;
background: #f5f5f5;
}
.beps-pur-mini-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.beps-pur-mini-info {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
flex: 1;
}
.beps-pur-mini-cat {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.06em;
color: #888;
text-transform: uppercase;
line-height: 1.2;
}
.beps-pur-mini-name {
font-size: 13px;
font-weight: 500;
color: #141436;
line-height: 1.3;
text-decoration: none;
display: block;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.beps-pur-mini-name:hover { color: #141436; }
.beps-pur-mini-price {
font-size: 13px;
font-weight: 600;
color: #141436;
line-height: 1.2;
}
.beps-pur-mini-info .pg-3b532506-btn {
margin-top: 6px;
align-self: flex-start;
padding: 6px 14px;
font-size: 12px;
} @media (max-width: 1024px) {
.beps-pur-col-right .pg-3b532506-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 767px) {
.beps-pur-wrap {
flex-direction: column;
}
.beps-pur-col-left {
width: 100% !important;
min-width: unset !important;
}
}