.pmp-cross{max-width:1100px;margin:40px auto;padding:0 20px}
.pmp-cross-title{font-size:24px;color:#003d5c;font-weight:700;margin:0 0 6px}
.pmp-cross-sub{color:#777;font-size:14px;margin:0 0 20px}
.pmp-cross-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pmp-cross-card{display:block;text-decoration:none;color:#333;border:1px solid #eee;border-radius:8px;padding:14px;transition:.2s}
.pmp-cross-card:hover{box-shadow:0 6px 18px rgba(0,160,227,.12);border-color:#00a0e3}
.pmp-cross-card .pmp-ph-prod{height:120px;background:#f2f2f2;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px;margin-bottom:10px;text-align:center;padding:6px}
.pmp-cross-card span{font-size:14px;font-weight:500}
.pmp-related{margin-top:30px}
@media(max-width:900px){.pmp-cross-grid{grid-template-columns:1fr 1fr}}

/* MIRO-QA-20260702 — porzadkowanie cross-sell bez zmian brandingu */
.pmp-cross {
    max-width: 1240px;
}

.pmp-cross-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pmp-cross-card {
    min-height: 168px;
    background: #fff;
}

.pmp-cross-card .pmp-ph-prod {
    height: 96px;
    background: #f4efe7;
    border: 1px solid #d8cabb;
    color: transparent;
    position: relative;
    overflow: hidden;
}

.pmp-cross-card .pmp-ph-prod::after {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 6px;
    background: linear-gradient(135deg, #f8f4ee, #e9ded1);
    border: 1px solid #d8cabb;
}

.pmp-cross-card span {
    display: block;
    min-height: 38px;
    line-height: 1.35;
    color: #003d5c;
}

@media(max-width:900px){
    .pmp-cross{padding:0 16px}
    .pmp-cross-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}

@media(max-width:520px){
    .pmp-cross-grid{grid-template-columns:1fr}
}