.campcard-slot {
position: relative;
display: flex;
height: 100%;
}
.campcard-slot > a,
.campcard-slot > article {
flex: 1 1 auto;
width: 100%;
}
.ribbon {
position: absolute;
z-index: 3;
bottom: 26px;
right: -46px;
width: 170px;
transform: rotate(-45deg);
background: #f15a29;
color: #ffffff;
font-size: 11px;
font-weight: 700;
text-align: center;
padding: 6px 0;
letter-spacing: 0.04em;
box-shadow: 0 2px 6px rgba(0,0,0,0.18);
pointer-events: none;
overflow: hidden;
}
@media (max-width: 860px) {
.ribbon {
bottom: 20px;
right: -40px;
width: 145px;
font-size: 10px;
padding: 5px 0;
}
}