.mcl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:6px}.mcl-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow 0.2s ease,transform 0.2s ease;text-decoration:none!important;color:inherit!important;cursor:pointer}.mcl-card:hover{box-shadow:0 4px 18px rgb(0 0 0 / .08);transform:translateY(-2px)}.mcl-phones{display:grid;grid-template-columns:1fr 28px 1fr;padding:5px;min-height:175px;gap:4px;border-bottom:1px solid #f0f0f0}.mcl-phone{display:flex;flex-direction:column;align-items:center;gap:6px}.mcl-img-wrap{width:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f8f9fa}.mcl-img-wrap--placeholder{min-height:90px;background:#f0f4ff;border:1.5px dashed #b8c8f0}.mcl-img-icon{font-size:22px;opacity:.5}.mcl-img{width:100%;height:auto;display:block;border-radius:6px}.mcl-name{font-family:Roboto,sans-serif;font-size:11px;font-weight:600;color:#1a1a2e;text-align:center;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcl-name--empty{color:#aab4c8;font-weight:500}.mcl-vs{display:flex;align-items:center;justify-content:center}.mcl-vs span{font-family:Roboto,sans-serif;font-size:10px;font-weight:700;color:#fff;background:#1a1a2e;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mcl-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 12px 12px;padding:8px 10px;background:linear-gradient(135deg,#0066ff 0%,#0044cc 100%);color:#fff;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;border-radius:6px;letter-spacing:.03em}.mcl-card:hover .mcl-btn{opacity:.88}.mcl-btn-icon{display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.mcl-empty{font-family:Roboto,sans-serif;font-size:14px;color:#888;padding:10px 0}@media screen and (min-width:768px){.mcl-grid{grid-template-columns:repeat(3,1fr)}.mcl-phones{padding:5px;min-height:160px}}@media screen and (max-width:767px){.mcl-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mcl-btn{font-size:11px;padding:7px 8px;margin:8px 8px 10px}.mcl-name{font-size:12px}.mcl-phones{padding:5px;min-height:148px}}