.mds-cs{box-sizing:border-box;margin:24px 0;padding:22px;background:var(--mds-bg);color:var(--mds-text);border:1px solid var(--mds-border);border-radius:var(--mds-radius);box-shadow:0 10px 28px rgba(17,24,39,.07)}
.mds-cs *{box-sizing:border-box}
.mds-cs__header{display:block;margin-bottom:20px}
.mds-cs__title{margin:0!important;font-family:var(--mds-title-font)!important;font-size:var(--mds-title-size)!important;line-height:1.2;color:var(--mds-title-color)!important}
.mds-cs__subtitle{margin:7px 0 0!important;font-family:var(--mds-subtitle-font)!important;font-size:var(--mds-subtitle-size)!important;line-height:1.45;color:var(--mds-subtitle-color)!important}
.mds-cs__products{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:2px 2px 12px}
.mds-cs__card{position:relative;cursor:pointer;flex:1 0 min(190px,calc((100% - 80px)/var(--mds-columns)));max-width:260px;padding:14px;border:1px solid var(--mds-border);border-radius:calc(var(--mds-radius) * .75);background:var(--mds-card-bg);transition:.2s}
.mds-cs__card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(17,24,39,.09)}
.mds-cs__card.is-unselected{opacity:.62}
.mds-cs__selector{position:absolute;z-index:3;top:10px;left:10px;cursor:pointer}
.mds-cs__checkbox{position:absolute;opacity:0;pointer-events:none}
.mds-cs__selector span{display:block;width:27px;height:27px;border:2px solid var(--mds-primary);border-radius:6px;background:#fff}
.mds-cs__checkbox:checked+span{background:var(--mds-primary)}
.mds-cs__checkbox:checked+span:after{content:'✓';display:block;color:#fff;text-align:center;line-height:23px;font-weight:800}
.mds-cs__image{display:block;aspect-ratio:1/1;margin-bottom:10px}
.mds-cs__image img{width:100%;height:100%;object-fit:contain}
.mds-cs__badge{display:inline-block;margin-bottom:5px;padding:3px 7px;border-radius:999px;background:#eef3ff;color:var(--mds-primary);font-size:11px;font-weight:700}
.mds-cs__name{display:block;color:var(--mds-text);font-weight:700;line-height:1.25;text-decoration:none}
.mds-cs__price{display:block;margin-top:8px;color:var(--mds-price);font-weight:800}
.mds-cs__plus{display:none}
.mds-cs__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-top:1px solid var(--mds-border);padding-top:17px}
.mds-cs__footer>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}
.mds-cs__footer>div:first-child>span{font-weight:600}
.mds-cs__total{display:inline-block;font-size:26px;color:var(--mds-price)}
.mds-cs__add.button{justify-self:end;margin:0!important;background:var(--mds-button-bg)!important;color:var(--mds-button-text)!important;border:none!important;border-radius:var(--mds-button-radius)!important;padding:13px 22px!important;white-space:nowrap}
.mds-cs__add.button:hover{background:var(--mds-button-hover)!important;color:var(--mds-button-hover-text)!important}
.mds-cs__add.button:disabled{opacity:.5;cursor:not-allowed}
.mds-cs__status{grid-column:1/-1;width:100%;font-size:13px}
.mds-cs__status.is-success{color:#138a45}.mds-cs__status.is-error{color:#b42318}
@media(max-width:700px){.mds-cs{padding:16px}.mds-cs__card{flex-basis:155px}.mds-cs__footer{grid-template-columns:1fr}.mds-cs__footer>div:first-child{justify-content:space-between}.mds-cs__add.button{justify-self:stretch;width:100%;white-space:normal}}

.mds-cs__add.is-loading{position:relative;opacity:.78;cursor:wait!important}
.mds-cs__add.is-loading:after{content:'';display:inline-block;width:15px;height:15px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:mdsCsSpin .65s linear infinite}
@keyframes mdsCsSpin{to{transform:rotate(360deg)}}