/* splitu-checkout.css — корзина, оформление, заказ (макеты P3–P5) */
body.sp .sp-pagetitle{ font-size:40px; margin:0 0 24px; }
.sp-pagetitle span{ font-size:18px; font-weight:500; color:var(--sp-text-3); margin-left:8px; }
@media (max-width:767px){ body.sp .sp-pagetitle{ font-size:26px; } .sp-pagetitle span{ font-size:14px; display:block; margin:4px 0 0; } }
.sp-alert{ padding:14px 18px; border-radius:var(--sp-r12); margin-bottom:20px; font-size:15px; }
.sp-alert--err{ background:var(--sp-err-bg); border:1px solid var(--sp-err-line); color:var(--sp-err-t); }
.sp-alert--ok{ background:var(--sp-ok-bg); color:var(--sp-ok); }
.sp-cartpage, .sp-checkout, .sp-done{ display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:32px; align-items:start; }
@media (max-width:1023px){ .sp-cartpage, .sp-checkout, .sp-done{ grid-template-columns:minmax(0,1fr); } }
.sp-cartpage__main, .sp-checkout__main, .sp-done__main{ display:flex; flex-direction:column; gap:20px; min-width:0; }
.sp-cartlist{ list-style:none; margin:0; padding:0; border:1px solid var(--sp-line); border-radius:var(--sp-r20); }
.sp-cartrow{ display:grid; grid-template-columns:88px minmax(0,1fr) auto 130px 44px; gap:16px; align-items:center; padding:16px 20px; border-bottom:1px solid var(--sp-line-2); }
.sp-cartrow:last-child{ border-bottom:0; }
.sp-cartlist--view .sp-cartrow{ grid-template-columns:minmax(0,1fr) auto 130px; }
.sp-cartrow__img{ width:88px; height:88px; display:flex; align-items:center; justify-content:center; }
body.sp .sp-cartrow__img img{ max-width:100%; max-height:100%; object-fit:contain; }
.sp-cartrow__info{ display:flex; flex-direction:column; gap:4px; min-width:0; }
body.sp .sp-cartrow__name{ font-size:16px; font-weight:600; color:var(--sp-text); line-height:1.35; }
.sp-cartrow__sum{ display:flex; flex-direction:column; align-items:flex-end; }
.sp-cartrow__sum b{ font-size:20px; font-weight:800; white-space:nowrap; }
.sp-cartrow__sum s{ font-size:13px; color:var(--sp-gray); }
body.sp .sp-cartrow__del{ width:44px; height:44px; border-radius:var(--sp-r12); display:flex; align-items:center; justify-content:center; color:var(--sp-text-3); }
body.sp .sp-cartrow__del:hover{ background:var(--sp-err-bg); color:var(--sp-err); }
@media (max-width:767px){
    .sp-cartrow{ grid-template-columns:72px minmax(0,1fr) 36px; grid-template-areas:"img info del" "img qty sum"; gap:10px 12px; padding:14px; }
    .sp-cartrow__img{ grid-area:img; width:72px; height:72px; } .sp-cartrow__info{ grid-area:info; } .sp-cartrow .sp-qty{ grid-area:qty; justify-self:start; }
    .sp-cartrow__sum{ grid-area:sum; } body.sp .sp-cartrow__del{ grid-area:del; width:36px; height:36px; }
    .sp-cartlist--view .sp-cartrow{ grid-template-columns:1fr auto; grid-template-areas:none; }
}
.sp-mounthint{ display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:var(--sp-r16); background:var(--sp-blue-bg3); border:1px solid var(--sp-blue-bg2); flex-wrap:wrap; }
.sp-mounthint > .sp-ico{ width:32px; height:32px; color:var(--sp-blue); }
.sp-mounthint > div{ flex:1 1 240px; display:flex; flex-direction:column; gap:2px; font-size:14px; color:var(--sp-text-3); }
.sp-mounthint b{ font-size:16px; color:var(--sp-text); }
.sp-summary{ border:1px solid var(--sp-line); border-radius:var(--sp-r20); padding:24px; display:flex; flex-direction:column; gap:12px; background:#fff; box-shadow:var(--sp-sh-m); }
.sp-summary--sticky{ position:sticky; top:150px; }
@media (max-width:1023px){ .sp-summary--sticky{ position:static; } }
body.sp .sp-summary__title{ font-size:21px; margin:0; }
.sp-summary__row{ display:flex; justify-content:space-between; gap:12px; font-size:15px; }
.sp-summary__total{ display:flex; justify-content:space-between; align-items:baseline; padding-top:12px; border-top:1px solid var(--sp-line); font-size:18px; font-weight:700; }
.sp-summary__total b{ font-size:28px; font-weight:800; }
.sp-summary__items{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; max-height:280px; overflow:auto; }
.sp-summary__items li{ display:flex; align-items:center; gap:10px; font-size:14px; }
.sp-summary__img{ width:44px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
body.sp .sp-summary__img img{ max-width:100%; max-height:100%; object-fit:contain; }
.sp-summary__name{ flex-grow:1; min-width:0; line-height:1.3; }
.sp-summary__items b{ white-space:nowrap; }
.sp-step{ border:1px solid var(--sp-line); border-radius:var(--sp-r20); padding:24px; display:flex; flex-direction:column; gap:16px; }
body.sp .sp-step__title{ display:flex; align-items:center; gap:12px; font-size:21px; margin:0; }
.sp-step__title span{ width:32px; height:32px; border-radius:50%; background:var(--sp-blue-d); color:#fff; font-size:15px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.sp-step__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sp-step__grid[hidden], .sp-field[hidden], .sp-field__err[hidden]{ display:none; }
@media (max-width:1023px){ .sp-step__grid{ grid-template-columns:minmax(0,1fr); } .sp-step{ padding:18px; } }
.sp-options{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (max-width:767px){ .sp-options{ grid-template-columns:minmax(0,1fr); } }
.sp-option{ display:flex; gap:12px; align-items:flex-start; padding:16px; border:1.5px solid var(--sp-line-field); border-radius:var(--sp-r16); cursor:pointer; margin:0; font-weight:400; }
.sp-option:has(input:checked){ border-color:var(--sp-blue); background:var(--sp-blue-bg3); }
.sp-option input{ width:20px; height:20px; margin:2px 0 0; accent-color:var(--sp-blue-d); flex-shrink:0; }
.sp-option__body{ display:flex; flex-direction:column; gap:4px; }
.sp-option__price{ font-weight:700; color:var(--sp-blue-d); }
.sp-done__ico{ width:72px; height:72px; border-radius:50%; background:var(--sp-ok-bg); color:var(--sp-ok); display:flex; align-items:center; justify-content:center; }
.sp-done__acts{ display:flex; gap:12px; flex-wrap:wrap; }
.sp-nextsteps{ margin:0; padding-left:22px; display:flex; flex-direction:column; gap:12px; font-size:16px; }
.sp-nextsteps li b{ display:block; }
.sp-nextsteps li span{ color:var(--sp-text-3); font-size:15px; }
.sp-status{ list-style:none; margin:0 0 28px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.sp-status li{ display:flex; flex-direction:column; gap:4px; padding:16px; border-radius:var(--sp-r16); border:1px solid var(--sp-line); color:var(--sp-text-3); }
.sp-status li.is-done, .sp-status li.is-current{ border-color:var(--sp-blue); color:var(--sp-text); }
.sp-status li.is-current{ background:var(--sp-blue-bg3); }
.sp-status__dot{ width:28px; height:28px; border-radius:50%; background:var(--sp-line); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; }
.sp-status .is-done .sp-status__dot, .sp-status .is-current .sp-status__dot{ background:var(--sp-blue-d); }
@media (max-width:767px){ .sp-status{ grid-template-columns:minmax(0,1fr); } }
.sp-details{ margin:0; display:grid; gap:4px; font-size:15px; }
.sp-details dt{ font-weight:400; color:var(--sp-text-3); font-size:13px; margin-top:8px; }
.sp-details dd{ margin:0; }

/* правки по мобильной проверке 29.09 */
.sp-content > .sp-widget:first-of-type, .sp-content > * + .sp-widget{ margin-top:var(--sp-sec); }
.sp-cartrow__sum s{ white-space:nowrap; }
@media (max-width:767px){
  .sp-cartlist--view .sp-cartrow{ grid-template-columns:minmax(0,1fr) auto; }
  .sp-cartlist--view .sp-cartrow > *{ grid-area:auto; }
  .sp-cartlist--view .sp-cartrow__info{ grid-column:1 / -1; }
  .sp-cartlist--view .sp-cartrow > .sp-small{ align-self:center; white-space:nowrap; }
}