/* ==========================================================================
   Springlist · покупка: корзина, оформление заказа, страница заказа.
   Макеты «Корзина», «Оформление · компьютер/телефон», «Спасибо за заказ»
   (холст «Springlist — доработка дизайна», утверждён 24.09.2026).

   Подключается сразу после sl.css (токены --sl-*, шрифты). Отдельным файлом:
   sl.css правят параллельно (каталог, карточка товара), а здесь только покупка.
   Все классы — с приставкой slp- («Springlist, покупка»): в sl.css уже есть
   .sl-promo и .sl-trust для главной, и общая приставка sl- давала бы молчаливые
   столкновения при каждой правке главной. Старые rp-cart/rp-checkout из
   screens.css не используются. Функциональные классы для скриптов (rp-cq —
   кнопки количества, rp-cart__rows--busy) оставлены прежними.
   Цены — только Manrope (засечка — только в заголовках).
   ========================================================================== */

[hidden]{display:none !important}

/* ---------- Общее: строки итогов, кнопки, карточка «Ваш заказ» ---------- */
.slp-page-h1{margin:0;font-family:var(--sl-serif);font-size:58px;font-weight:600;line-height:1.02;letter-spacing:-.005em;color:var(--sl-ink)}
.slp-cta{width:100%;min-height:56px;padding:0 26px;box-sizing:border-box;border-radius:999px;background:var(--sl-green);color:#fff !important;border:1.5px solid var(--sl-green);font:700 17px/1.2 var(--sl-sans);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-decoration:none !important;cursor:pointer;transition:background .15s,border-color .15s}
.slp-cta:hover{background:var(--sl-green-d);border-color:var(--sl-green-d)}
.slp-cta:focus-visible{outline:2px solid var(--sl-green-d);outline-offset:3px}
.slp-cta[disabled]{opacity:.65;cursor:progress}
.slp-cta--auto{width:auto;display:inline-flex;min-height:54px;font-size:16px}
.slp-btn-line{min-height:50px;padding:0 22px;box-sizing:border-box;border-radius:999px;border:1.5px solid var(--sl-ink);background:transparent;font:700 15px/1.2 var(--sl-sans);color:var(--sl-ink) !important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none !important;white-space:nowrap}
.slp-btn-line:hover{background:var(--sl-kraft)}
.slp-btn-line--lg{min-height:54px;padding:0 26px;font-size:16px}
.slp-linkbtn{border:0;background:none;padding:0;font:700 14px var(--sl-sans);color:var(--sl-green);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.slp-linkbtn:hover{color:var(--sl-green-d)}
.slp-linkbtn--muted{color:var(--sl-muted);font-weight:600}
.slp-linkbtn--muted:hover{color:#A23B2A}

.slp-sumcard{background:#fff;border:1px solid var(--sl-line-soft);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}
.slp-sumcard__t{font-size:20px;font-weight:700;color:var(--sl-ink)}
.slp-sumcard__line{height:1px;background:#EFE9DE;margin:4px 0}
.slp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:15px;font-weight:500;line-height:1.4;color:var(--sl-ink)}
.slp-row>span:last-child{text-align:right;white-space:nowrap}
.slp-row--green{color:var(--sl-green-d)}
.slp-row--muted{color:var(--sl-muted)}
.slp-row--warn{color:#8A5F24}
.slp-row--total{align-items:baseline}
.slp-row--total>span{font-size:18px;font-weight:700}
.slp-row--total b{font-size:30px;font-weight:700;white-space:nowrap;font-family:var(--sl-sans)}
.slp-trust{display:flex;flex-direction:column;gap:10px;padding-top:6px;font-size:13px;line-height:1.4;color:var(--sl-muted)}
.slp-trust span{display:flex;gap:8px;align-items:center}
.slp-trust svg{flex:0 0 auto;color:var(--sl-green-d)}

/* ---------- Корзина ---------- */
.slp-cart{max-width:1280px;margin:0 auto;padding:28px 40px 0;box-sizing:border-box}
.slp-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--sl-muted);margin:0 0 22px}
.slp-crumbs a{color:var(--sl-muted);text-decoration:none}
.slp-crumbs a:hover{color:var(--sl-green)}
.slp-crumbs [aria-current]{color:var(--sl-ink)}
.slp-cart__head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 26px}
.slp-cart__count{font-size:17px;color:var(--sl-muted)}
.slp-cart__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:start}
.slp-cart__main{min-width:0}
.slp-cart__side{position:sticky;top:20px}
.slp-cart__list{background:#fff;border:1px solid var(--sl-line-soft);border-radius:20px;padding:4px 28px 8px;transition:opacity .15s}
.slp-cart__list.rp-cart__rows--busy{opacity:.55;pointer-events:none}
.slp-cartrow{display:grid;grid-template-columns:104px minmax(0,1fr) 150px 130px 44px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #EFE9DE}
.slp-cartrow__ph{width:104px;height:104px;border-radius:14px;overflow:hidden;background:var(--sl-tile);display:block}
.slp-cartrow__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.slp-cartrow__main{display:flex;flex-direction:column;gap:6px;min-width:0}
.slp-cartrow__nm{color:var(--sl-ink) !important;font-size:17px;font-weight:700;line-height:1.3;text-decoration:none}
.slp-cartrow__nm:hover{color:var(--sl-green-d) !important}
.slp-cartrow__sub,.slp-cartrow__unit{font-size:14px;line-height:1.4;color:var(--sl-muted)}
.slp-cartrow__warn{font-size:13px;line-height:1.45;color:#A23B2A}
.slp-qty{height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--sl-line);border-radius:999px;padding:0 4px;background:#fff}
.slp-qty button{width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--sl-ink);display:grid;place-items:center;cursor:pointer;padding:0}
.slp-qty button:hover{background:var(--sl-kraft)}
.slp-qty__v{font-size:16px;font-weight:700;min-width:24px;text-align:center}
.slp-cartrow__sum{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.slp-cartrow__sum b{font-size:19px;font-weight:700}
.slp-cartrow__sum s{font-size:13px;color:var(--sl-muted)}
.slp-cartrow__del{width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--sl-muted);display:grid;place-items:center;cursor:pointer;padding:0}
.slp-cartrow__del:hover{background:var(--sl-kraft);color:#A23B2A}

.slp-promo{padding:20px 0 16px;scroll-margin-top:90px}
.slp-promo__form{display:flex;align-items:center;gap:12px}
.slp-promo__field{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:50px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px dashed var(--sl-line);color:var(--sl-muted);background:#fff;cursor:text}
.slp-promo__field:focus-within{border-style:solid;border-color:var(--sl-green)}
.slp-promo__field input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:600 15px var(--sl-sans);color:var(--sl-ink);text-transform:uppercase;letter-spacing:.04em}
.slp-promo__field input::placeholder{text-transform:none;letter-spacing:0;font-weight:500;color:var(--sl-muted)}
.slp-promo__applied{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 16px;box-sizing:border-box;border-radius:12px;background:var(--sl-green-soft);color:var(--sl-green-d);font-size:15px;line-height:1.4}
.slp-promo__applied form{margin-left:auto}
.slp-promo__msg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:14px;line-height:1.45}
.slp-promo__msg--warn{color:#8A5F24}
.slp-promo__msg--err{color:#A23B2A}
.slp-promo__msg form{display:inline}

.slp-cart__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
.slp-back{font-size:15px;font-weight:600;color:var(--sl-green) !important;display:inline-flex;gap:8px;align-items:center;text-decoration:none !important}
.slp-back:hover{color:var(--sl-green-d) !important}

.slp-addon{padding:80px 0 96px}
.slp-addon__h h2{margin:0;font-family:var(--sl-serif);font-size:46px;font-weight:600;line-height:1.06;color:var(--sl-ink)}
.slp-addon__h p{margin:10px 0 0;font-size:17px;line-height:1.55;color:var(--sl-muted);max-width:700px}
.slp-addon__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}

.slp-cart-empty{background:#fff;border:1px dashed var(--sl-line);border-radius:20px;padding:48px 24px;text-align:center;margin:0 0 80px}
.slp-cart-empty__ic{width:56px;height:56px;border-radius:999px;background:var(--sl-kraft);color:var(--sl-green-d);display:grid;place-items:center;margin:0 auto 14px}
.slp-cart-empty__t{margin:0 0 8px;font-size:20px;font-weight:700}
.slp-cart-empty__s{margin:0 auto 22px;max-width:460px;font-size:15px;line-height:1.55;color:var(--sl-muted)}
.slp-cart-empty__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- Оформление: каркас (шапка и подвал без меню) ---------- */
.slp-co-body{margin:0;background:var(--sl-paper) !important;color:var(--sl-ink);font-family:var(--sl-sans);min-height:100vh;display:flex;flex-direction:column}
.slp-co-main{flex:1 0 auto}
.slp-cohead{background:var(--sl-paper);border-bottom:1px solid var(--sl-line)}
.slp-cohead__desk{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;height:88px;display:flex;align-items:center;gap:28px}
.slp-cohead__logo{display:flex}
.slp-cohead__logo img{height:64px;width:64px;object-fit:contain;display:block}
.slp-cohead__safe{font-size:15px;color:var(--sl-muted);display:flex;align-items:center;gap:8px}
.slp-cohead__safe svg{color:var(--sl-green-d)}
.slp-cohead__phone{margin-left:auto;color:var(--sl-ink) !important;font-weight:700;display:flex;gap:8px;align-items:center;text-decoration:none !important;white-space:nowrap}
.slp-cohead__mob,.slp-cohead__progress{display:none}
.slp-cofoot{background:var(--sl-forest);color:#D8D0BF;font-size:14px}
.slp-cofoot__in{max-width:1280px;margin:0 auto;padding:24px 40px;box-sizing:border-box;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}
.slp-cofoot nav{display:flex;gap:10px 28px;flex-wrap:wrap}
.slp-cofoot a{color:#F4EFE6 !important;text-decoration:none}
.slp-cofoot a:hover{text-decoration:underline}

/* ---------- Оформление: страница ---------- */
.slp-co{max-width:1280px;margin:0 auto;padding:36px 40px 80px;box-sizing:border-box}
.slp-co__top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.slp-co__h1{margin:0;font-family:var(--sl-serif);font-size:58px;font-weight:600;line-height:1.02;letter-spacing:-.005em;color:var(--sl-ink)}
.slp-steps{margin:0;padding:0;list-style:none;display:flex;gap:10px;font-size:14px;font-weight:600;color:var(--sl-muted)}
.slp-steps li{display:flex;align-items:center;gap:8px}
.slp-steps li span{width:26px;height:26px;border-radius:999px;background:var(--sl-forest);color:var(--sl-paper);font-size:13px;display:flex;align-items:center;justify-content:center}
.slp-steps li i{width:28px;height:1px;background:var(--sl-line)}
.slp-co__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:start}
.slp-co__main{display:flex;flex-direction:column;gap:20px;min-width:0}
.slp-co__side{position:sticky;top:20px}
.slp-co-card{padding:30px;background:#fff;border-radius:20px;border:1px solid var(--sl-line-soft);display:flex;flex-direction:column;gap:20px;scroll-margin-top:16px;min-width:0}
.slp-co-card__h{display:flex;align-items:center;gap:14px}
.slp-co-card__h h2{margin:0;font-family:var(--sl-sans);font-size:22px;font-weight:700;line-height:1.2;letter-spacing:0;color:var(--sl-ink)}
.slp-num{width:36px;height:36px;border-radius:999px;background:var(--sl-forest);color:var(--sl-paper);font-family:var(--sl-serif);font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}

.slp-co-alert{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;margin:0 0 20px;border-radius:16px;background:#FBEDE8;border:1px solid #F0C7BB;color:#7A2A1A;font-size:15px;line-height:1.5;outline:none}
.slp-co-alert svg{flex:0 0 auto;margin-top:1px}
.slp-co-alert ul{margin:6px 0 0;padding-left:18px}
.slp-co-alert form{margin-top:8px}
.slp-co-alert .slp-linkbtn{color:#7A2A1A}

.slp-fields3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.slp-fields3--addr{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
.slp-field{min-width:0;display:flex;flex-direction:column;gap:6px}
.slp-field>label{font-size:13px;font-weight:600;color:var(--sl-muted)}
.slp-field>label i{font-style:normal;color:var(--sl-green)}
.slp-field input,.slp-field textarea,.slp-pvz__filter{width:100%;height:52px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px solid var(--sl-line);background:#fff;font:400 16px var(--sl-sans);color:var(--sl-ink);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.slp-field textarea{height:96px;padding:14px 16px;resize:vertical;line-height:1.5}
.slp-field input::placeholder,.slp-field textarea::placeholder,.slp-pvz__filter::placeholder{color:#8B918A}
.slp-field input:focus,.slp-field textarea:focus,.slp-pvz__filter:focus{border-color:var(--sl-green);box-shadow:0 0 0 3px rgba(10,122,75,.15)}
.slp-field__err{font-size:13px;line-height:1.4;color:#A23B2A}
.slp-field__err:empty{display:none}
.slp-field--err input,.slp-field--err textarea{border-color:#C0463A}
.slp-field--err .slp-pvz__list{outline:2px solid #E9B3A6;outline-offset:4px;border-radius:14px}

.slp-combo{position:relative}
.slp-suggest{position:absolute;z-index:1005;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--sl-line);border-radius:14px;box-shadow:0 14px 34px rgba(27,33,29,.14);max-height:320px;overflow:auto}
.slp-suggest li{padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.slp-suggest li b{font-size:15px;font-weight:700;color:var(--sl-ink)}
.slp-suggest li span{font-size:13px;color:var(--sl-muted)}
.slp-suggest li[aria-selected="true"],.slp-suggest li:hover{background:var(--sl-kraft)}
.slp-suggest li.slp-suggest__msg{cursor:default;font-size:14px;color:var(--sl-muted);background:none}

.slp-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border-radius:999px;background:var(--sl-kraft)}
.slp-seg__opt{position:relative;display:block;cursor:pointer;margin:0}
.slp-seg__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.slp-seg__opt>span{height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:var(--sl-muted);transition:background .15s,color .15s}
.slp-seg__opt input:checked+span{background:#fff;color:var(--sl-ink);font-weight:700;box-shadow:0 1px 3px rgba(27,33,29,.08)}
.slp-seg__opt input:checked+span svg{color:var(--sl-green-d)}
.slp-seg__opt input:focus-visible+span{outline:2px solid var(--sl-green);outline-offset:2px}

.slp-pvz__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.slp-pvz__map{height:400px;border-radius:16px;overflow:hidden;background:#ECE7DC;position:relative;isolation:isolate}
.slp-pvz__mapph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;font-size:14px;line-height:1.45;color:var(--sl-muted);background:repeating-linear-gradient(135deg,#ECE7DC 0 22px,#E8E2D5 22px 44px)}
.slp-pvz__mapph svg{color:var(--sl-green)}
.slp-pvz__map .leaflet-container{font-family:var(--sl-sans)}
.slp-pvz__map .leaflet-popup-content{font:500 13px/1.45 var(--sl-sans);margin:10px 12px}
.slp-pvz__side{display:flex;flex-direction:column;gap:10px;min-width:0}
.slp-pvz__filter{height:44px;font-size:15px}
.slp-pvz__list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow:auto;padding:2px 4px 2px 2px;scrollbar-width:thin}
.slp-pvzopt{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:16px;border-radius:14px;border:1px solid var(--sl-line);background:#fff;cursor:pointer;margin:0;transition:border-color .15s}
.slp-pvzopt:hover{border-color:#B9C9BD}
.slp-pvzopt input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--sl-green)}
.slp-pvzopt__t{display:flex;flex-direction:column;gap:4px;min-width:0}
.slp-pvzopt__t b{font-size:15px;line-height:1.35}
.slp-pvzopt__t small{font-size:13px;line-height:1.4;color:var(--sl-muted)}
.slp-pvzopt__t em{font-style:normal;font-size:14px;font-weight:700;color:var(--sl-ink)}
.slp-pvzopt--on{border:2px solid var(--sl-green);background:#F4FAF6;padding:15px}
.slp-pvzopt--on em{color:var(--sl-green-d)}
.slp-pvz__empty{margin:0;padding:16px;border-radius:14px;border:1px dashed var(--sl-line);font-size:14px;line-height:1.5;color:var(--sl-muted);background:#fff}
.slp-pvz__more{align-self:flex-start}
.slp-courier{display:flex;flex-direction:column;gap:16px}
.slp-quote{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;border:2px solid var(--sl-green);background:#F4FAF6;font-size:15px;line-height:1.4}
.slp-quote svg{flex:0 0 auto;color:var(--sl-green-d)}
.slp-quote b{color:var(--sl-green-d)}

.slp-co-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--sl-kraft);font-size:14px;line-height:1.5;margin:0;color:var(--sl-ink)}
.slp-co-note svg{flex:0 0 auto;color:var(--sl-green-d);margin-top:1px}
.slp-co-note--warn{background:#F6EBD7}
.slp-co-note--warn svg{color:#8A5F24}
.slp-co-note--err{background:#FBEDE8;color:#7A2A1A}
.slp-co-note--err svg{color:#B5452F}
.slp-co-note--test{background:#FBE3DC;color:#7A2A1A}
.slp-co-note--test svg{color:#B5452F}

.slp-pay{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-radius:16px;border:2px solid var(--sl-green);background:#F4FAF6;margin:0}
.slp-pay input{width:20px;height:20px;margin:0;accent-color:var(--sl-green)}
.slp-pay__t{display:flex;flex-direction:column;gap:4px}
.slp-pay__t b{font-size:16px}
.slp-pay__t span{font-size:14px;line-height:1.45;color:var(--sl-muted)}
.slp-pay__brands{display:flex;gap:6px}
.slp-pay__brands span{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--sl-line);background:#fff;font-size:12px;font-weight:700;display:flex;align-items:center}
.slp-pay--off{grid-template-columns:minmax(0,1fr);border:1px dashed var(--sl-line);background:#fff}

.slp-sumcard--co{gap:16px}
.slp-sumcard__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.slp-sumcard__h span{font-size:20px;font-weight:700}
.slp-sumcard__h a{font-size:14px;font-weight:600;color:var(--sl-green);text-decoration:none}
.slp-sumitems{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-height:340px;overflow:auto}
.slp-sumitems li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.slp-sumitems__ph{width:56px;height:56px;border-radius:10px;background:var(--sl-tile);overflow:hidden;display:block}
.slp-sumitems__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.slp-sumitems__nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.slp-sumitems__nm span{font-size:14px;font-weight:600;line-height:1.3}
.slp-sumitems__nm small{font-size:13px;color:var(--sl-muted)}
.slp-sumitems b{font-size:15px;font-weight:700;white-space:nowrap}
.slp-sumcard--co .slp-row--total b{font-size:28px}
.slp-consent label{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--sl-muted);cursor:pointer}
.slp-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--sl-green);flex-shrink:0}
.slp-consent a,.slp-fine a{color:var(--sl-green);text-decoration:underline;text-underline-offset:2px}
.slp-consent .slp-field__err{display:block;margin-top:6px}
.slp-consent .slp-field__err:empty{display:none}
.slp-cta--co{min-height:58px}
.slp-fine{margin:0;font-size:13px;line-height:1.5;color:var(--sl-muted)}
.slp-cobar{display:none}

/* ---------- Страница заказа («Спасибо») ---------- */
.slp-done{max-width:1280px;margin:0 auto;padding:64px 40px 80px;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.slp-done__main{grid-column:2 / span 5;display:flex;flex-direction:column;gap:22px}
.slp-done__badge{width:88px;height:88px;border-radius:999px;background:var(--sl-green);color:#fff;display:flex;align-items:center;justify-content:center}
.slp-done__badge--wait{background:var(--sl-honey)}
.slp-done__badge--fail{background:#B5452F}
.slp-done__h1{margin:0;font-family:var(--sl-serif);font-size:60px;font-weight:600;line-height:1.02;color:var(--sl-ink)}
.slp-done__lead{margin:0;font-size:18px;line-height:1.6;color:var(--sl-muted)}
.slp-done__lead b{color:var(--sl-ink)}
.slp-done__hint{margin:0;font-size:15px;line-height:1.55;color:var(--sl-ink);padding:14px 16px;border-radius:14px;background:var(--sl-kraft)}
.slp-done__btns{display:flex;gap:12px;flex-wrap:wrap;padding-top:8px}
.slp-done__btns form{display:contents}
.slp-done__facts{margin:6px 0 0;padding:18px 20px;background:#fff;border:1px solid var(--sl-line-soft);border-radius:16px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45}
.slp-done__facts div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px}
.slp-done__facts dt{color:var(--sl-muted)}
.slp-done__facts dd{margin:0}
.slp-done__total{border-top:1px solid #EFE9DE;padding-top:10px;margin-top:4px}
.slp-done__total dd{font-weight:700;font-size:18px}
.slp-done__help{margin:0;font-size:14px;line-height:1.6;color:var(--sl-muted)}
.slp-done__next{grid-column:8 / span 4;padding:32px;background:#fff;border-radius:22px;border:1px solid var(--sl-line-soft);display:flex;flex-direction:column;gap:24px}
.slp-done__next-h{font-size:20px;font-weight:700}
.slp-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start}
.slp-step__ic{width:52px;height:52px;border-radius:999px;background:var(--sl-green-soft);color:var(--sl-green-d);display:flex;align-items:center;justify-content:center}
.slp-step>div{display:flex;flex-direction:column;gap:4px;padding-top:3px}
.slp-step b{font-size:18px}
.slp-step span{font-size:15px;line-height:1.5;color:var(--sl-muted)}

/* ---------- Тестовая оплата ---------- */
.slp-mock{max-width:720px;margin:0 auto;padding:56px 24px 80px;display:flex;flex-direction:column;gap:20px}
.slp-mock__flag{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;background:#B5452F;color:#fff;font-weight:800;font-size:15px;letter-spacing:.06em}
.slp-mock__h1{margin:0;font-family:var(--sl-serif);font-size:48px;font-weight:600;line-height:1.05}
.slp-mock__lead,.slp-mock__note{margin:0;font-size:17px;line-height:1.6;color:var(--sl-muted)}
.slp-mock__note{font-size:14px}
.slp-mock__sum{display:flex;justify-content:space-between;align-items:baseline;padding:20px 24px;background:#fff;border:1px solid var(--sl-line-soft);border-radius:18px;font-size:17px}
.slp-mock__sum b{font-size:30px}
.slp-mock__btns{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Планшет ---------- */
@media (max-width:1100px){
  .slp-cartrow{grid-template-columns:88px minmax(0,1fr) 132px 110px 40px;gap:14px}
  .slp-cartrow__ph{width:88px;height:88px}
  .slp-pvz__grid{grid-template-columns:minmax(0,1fr) 290px}
}
@media (max-width:1023px){
  .slp-cart,.slp-co{padding-left:24px;padding-right:24px}
  .slp-cart__grid,.slp-co__grid{grid-template-columns:minmax(0,1fr)}
  .slp-cart__side,.slp-co__side{position:static}
  .slp-addon__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .slp-done{grid-template-columns:minmax(0,1fr);row-gap:28px;padding:40px 24px 56px}
  .slp-done__main,.slp-done__next{grid-column:auto}
  .slp-done__h1{font-size:46px}
  .slp-pvz__grid{grid-template-columns:minmax(0,1fr)}
  .slp-pvz__map{height:320px}
}

/* ---------- Телефон (макет «Оформление · телефон») ---------- */
@media (max-width:767px){
  .slp-page-h1{font-size:40px}
  .slp-cart{padding:14px 16px 0}
  .slp-crumbs{display:none}
  .slp-cart__head{margin-bottom:16px}
  .slp-cart__count{font-size:15px}
  .slp-cart__list{padding:0 16px 4px;border-radius:18px}
  .slp-cartrow{grid-template-columns:80px minmax(0,1fr) auto;grid-template-areas:"ph main del" "ph qty sum";gap:10px 12px;padding:16px 0}
  .slp-cartrow__ph{grid-area:ph;width:80px;height:80px;align-self:start}
  .slp-cartrow__main{grid-area:main}
  .slp-cartrow__nm{font-size:15.5px}
  .slp-cartrow__sub{font-size:13px}
  .slp-cartrow__unit{font-size:13px}
  .slp-cartrow__del{grid-area:del;align-self:start;justify-self:end;width:36px;height:36px;margin:-6px -8px 0 0}
  .slp-qty{grid-area:qty;justify-self:start;width:128px;height:44px}
  .slp-qty button{width:36px;height:36px}
  .slp-cartrow__sum{grid-area:sum;align-self:center;justify-self:end}
  .slp-cartrow__sum b{font-size:17px}
  .slp-promo__form{flex-wrap:wrap}
  .slp-promo__form .slp-btn-line{flex:1 0 100%}
  .slp-cart__actions{flex-wrap:wrap}
  .slp-sumcard{padding:20px}
  .slp-row--total b{font-size:26px}
  .slp-addon{padding:48px 0 56px}
  .slp-addon__h h2{font-size:32px}
  .slp-addon__h p{font-size:15px}
  .slp-addon__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}

  .slp-cohead{position:sticky;top:0;z-index:1004}          /* шаг и «назад» всегда под рукой */
  .slp-cohead__desk{display:none}
  .slp-cohead__mob{display:flex;align-items:center;gap:6px;height:60px;padding:0 16px 0 6px}
  .slp-cohead__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sl-ink) !important}
  .slp-cohead__title{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .slp-cohead__step{margin-left:auto;font-size:14px;color:var(--sl-muted);white-space:nowrap}
  .slp-cohead__call{margin-left:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--sl-ink) !important}
  .slp-cohead__progress{display:block;height:4px;background:var(--sl-kraft)}
  .slp-cohead__progress span{display:block;height:4px;background:var(--sl-green);transition:width .3s ease}
  .slp-cofoot__in{padding:20px 16px 24px;flex-direction:column;align-items:flex-start}

  .slp-co{padding:20px 16px 0}
  .slp-co__top{display:none}
  .slp-co__grid{gap:28px}
  .slp-co__main{gap:28px}
  .slp-co-card{padding:0;background:transparent;border:0;border-radius:0;gap:16px;scroll-margin-top:12px}
  .slp-co-card__h .slp-num{display:none}
  .slp-co-card__h h2{font-family:var(--sl-serif);font-size:32px;font-weight:600;line-height:1.06}
  .slp-fields3{grid-template-columns:minmax(0,1fr);gap:14px}
  .slp-fields3--addr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slp-fields3--addr .slp-field:first-child{grid-column:1 / -1}
  .slp-seg{gap:4px;padding:4px}
  .slp-seg__opt>span{height:42px;font-size:14px}
  .slp-seg__opt svg,.slp-hide-m{display:none}
  .slp-pvz__map{height:190px}
  .slp-pvz__list{max-height:none;overflow:visible;padding:0}
  .slp-pvzopt{padding:14px}
  .slp-pvzopt--on{padding:13px}
  .slp-pay{grid-template-columns:22px minmax(0,1fr)}
  .slp-pay__brands{grid-column:2}
  .slp-sumcard--co .slp-cta--co{display:none}
  .slp-cobar{display:flex;flex-direction:column;gap:12px;position:sticky;bottom:0;z-index:1002;margin:28px -16px 0;padding:14px 16px calc(18px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--sl-line);box-shadow:0 -8px 24px rgba(27,33,29,.06)}
  .slp-cobar__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--sl-muted)}
  .slp-cobar__row b{color:var(--sl-ink);font-size:16px;white-space:nowrap}
  .slp-cta--bar{min-height:54px;font-size:16px}
  /* клавиатура открыта — панель с кнопкой не отнимает полэкрана */
  .slp-typing .slp-cobar{display:none}

  .slp-done{padding:28px 16px 48px}
  .slp-done__badge{width:72px;height:72px}
  .slp-done__h1{font-size:38px}
  .slp-done__lead{font-size:16px}
  .slp-done__facts div{grid-template-columns:110px minmax(0,1fr)}
  .slp-done__next{padding:24px}
  .slp-mock{padding:28px 16px 48px}
  .slp-mock__h1{font-size:34px}
}

/* Телефон и суммы в тексте не рвутся посередине: «+7 999 123-45-|67». */
.slp-nw{white-space:nowrap}

/* «До бесплатной доставки — N ₽» в корзине: строка и тонкая шкала (правило CDEK_FREE_FROM). */
.slp-freebar{display:grid;gap:6px;margin:-2px 0 4px;font-size:13px;color:var(--sl-muted)}
.slp-freebar b{color:var(--sl-ink);white-space:nowrap}
.slp-freebar i{display:block;height:4px;border-radius:4px;background:var(--sl-line, #E6DED2);position:relative;overflow:hidden}
.slp-freebar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:var(--sl-green);border-radius:4px}