.md-pairing{display:block;margin-top:16px;padding:16px;border:1px solid #dce2ed;border-radius:14px;background:#fff;color:#172b64;text-align:left}
.md-pairing .md-pairing__heading{margin:0;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:0;color:inherit}
.md-pairing .md-pairing__reason{margin:5px 0 12px;font-size:13px;line-height:1.45;color:#52617b}
.md-pairing__products{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:stretch;gap:5px}
.md-pairing__product{min-width:0;display:flex;flex-direction:column;text-align:center}
.md-pairing .md-pairing__caption{margin:0 0 4px;font-size:12px;line-height:1.4;font-weight:600;color:#38746d}
.md-pairing__image{height:112px;display:flex;align-items:center;justify-content:center;background:white}
.md-pairing__image img{display:block;width:100%;height:100%;object-fit:contain;max-width:160px}
.md-pairing__plus{align-self:start;padding-top:59px;text-align:center;font-size:23px;font-weight:400;color:#8793aa}
.md-pairing .md-pairing__name{display:block;margin:7px 0;font-size:12px;line-height:1.35;min-height:32px;font-weight:600;color:#172b64}
.md-pairing__field{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;height:44px;min-height:44px;padding:7px 8px;border:1px solid #cbd5e5;border-radius:8px;background:#f8faff;text-align:left;font-size:12px;line-height:1.3;margin-top:auto}
.md-pairing__field [data-selected]{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.md-pairing__field svg{flex:none}
.md-pairing__field select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;margin:0;padding:0}
.md-pairing__field:focus-within{outline:2px solid #172b64;outline-offset:2px}
.md-pairing__field:has(select:disabled){opacity:.65}
.md-pairing__total{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;margin:14px 0 11px;font-size:13px;line-height:1.4}
.md-pairing__total strong{font-size:21px;line-height:1.2;font-weight:700;color:#172b64;white-space:nowrap}
.md-pairing__offer{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:11px;color:#758198}
.md-pairing__offer [data-offer]{color:#38746d;white-space:nowrap}
.md-pairing .md-pairing__add{--background:var(--md-brand-action,#f56852);--border:var(--md-brand-action,#f56852);--color:var(--md-brand-action-text,#fff);--icon:var(--md-brand-action-text,#fff);--background-hover:var(--md-brand-action-hover,#dd503d);--background-program-hover:var(--md-brand-action-hover,#dd503d);--border-hover:var(--md-brand-action-hover,#dd503d);--color-hover:var(--md-brand-action-text,#fff);--icon-hover:var(--md-brand-action-text,#fff);width:100%;min-height:50px;gap:8px;border:0}
.md-pairing__add svg{width:20px;height:20px;flex:none}
.md-pairing__add svg,.md-pairing__button-label{position:relative;z-index:1}
.md-pairing__button-label{min-width:0;white-space:normal}
.md-pairing .md-pairing__add:disabled{opacity:.55;cursor:default}
.md-pairing .md-pairing__add:focus-visible{outline:2px solid #172b64;outline-offset:3px}
.md-pairing .md-pairing__status{margin:8px 0 0;font-size:12px;line-height:1.5;color:#52617b}
.md-pairing [hidden]{display:none!important}
@media(max-width:360px){.md-pairing{padding:12px}.md-pairing__products{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:3px}.md-pairing__field{font-size:11px;padding:6px;gap:3px}.md-pairing__image{height:100px}.md-pairing__total{gap:4px 6px}.md-pairing__offer{font-size:10px}}

.md-pairing .md-pairing__detail,.md-pairing .md-pairing__detail:hover{color:inherit;text-decoration:none}
.md-pairing__image-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.md-pairing__detail:focus-visible{outline:2px solid #172b64;outline-offset:2px}