/* v57c (решения 27.10.2026): корзина, оформление, кабинет, подвал */
/* C2: плашка «До бесплатной доставки DHL осталось …» */
.fp-plate{margin:16px 0 0;padding:14px 16px 13px;background:#f3f3f3;border-radius:var(--radius,4px);color:var(--ink)}
.fp-h{margin:0;font:14px/1.4 var(--sans);color:var(--ink)}
.fp-bar{display:block;height:2px;margin:10px 0 9px;background:#dcdcdc;border-radius:1px;overflow:hidden}
.fp-bar i{display:block;height:100%;background:var(--ink);border-radius:1px}
.fp-t{margin:0;font:12px/1.45 var(--sans);color:var(--muted,#717171)}
#panel .fp-plate+.primary-button{margin-top:16px}
#sheet .sh-freehint{margin:14px 0 0;padding:0;border:0;font:inherit}
#sheet .sh-freehint .fp-plate{margin:0}
/* C3: Яндекс Курьер — дни списком, интервалы в ряд */
#sheet .sh-days.sh-rows{display:flex;flex-direction:column;gap:0;margin-top:8px;grid-template-columns:none}
.sh-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#e2e2e2)}
.sh-row:first-child{border-top:1px solid var(--line,#e2e2e2)}
.sh-rh{display:flex;flex-direction:column;gap:2px;min-width:0}
.sh-rh b{font:400 13px/1.3 var(--sans);color:var(--ink)}
.sh-rh small{font:11px/1.3 var(--sans);color:var(--muted,#717171);white-space:nowrap}
.sh-rchips{display:flex;flex-wrap:wrap;gap:8px}
#sheet .sh-rows .sh-tchip{flex:0 0 auto;min-height:40px;padding:8px 12px;white-space:nowrap;border-radius:var(--radius,4px)}
#sheet .sh-rows .sh-tchip span{white-space:nowrap}
#sheet .sh-rows .sh-tchip.off{background:#f6f6f6;border-color:#ececec}
.sh-other{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:0;min-height:44px;border:0;background:none;font:12px var(--sans);color:var(--muted,#717171);cursor:pointer}
.sh-other svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
.sh-other span{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c8c8c8}
.sh-other:hover,.sh-other[aria-expanded="true"]{color:var(--ink)}
.sh-cal{width:100%;max-width:300px;margin:4px 0 4px;padding:12px;border:1px solid var(--line,#e2e2e2);border-radius:var(--radius,4px);background:#fff}
.sh-calh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sh-calh b{font:400 13px var(--sans);color:var(--ink)}
.sh-calnav{width:36px;height:36px;border:0;background:none;font:18px/1 var(--sans);color:var(--ink);cursor:pointer;border-radius:var(--radius,4px)}
.sh-calnav:hover:not([disabled]){background:#f3f3f3}
.sh-calnav[disabled]{color:#cfcfcf;cursor:default}
.sh-calg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.sh-cw{font:10px/24px var(--sans);letter-spacing:.04em;text-align:center;color:var(--muted,#717171);text-transform:uppercase}
.sh-cw.we{color:#c4c4c4}
.sh-cd{height:36px;display:grid;place-items:center;font:12px var(--sans);color:var(--ink);border:1px solid transparent;background:none;border-radius:var(--radius,4px);padding:0}
button.sh-cd{cursor:pointer}
button.sh-cd:hover{border-color:#c8c8c8}
.sh-cd.on{border-color:var(--ink)}
.sh-cd.off{color:#cdcdcd}
@media(max-width:760px){
 .sh-row{grid-template-columns:1fr;gap:8px}
 .sh-rh{flex-direction:row;align-items:baseline;gap:8px}
 #sheet .sh-rows .sh-tchip{flex:1 1 0;padding:8px 4px;font-size:11px;min-height:44px}
 .sh-cal{max-width:none}
 .sh-cd{height:44px}
}
#sheet .sh-card .fp-plate{background:#fff}
/* C4: профиль в кабинете — просмотр */
.pv{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.pv-row{display:flex;flex-direction:column;gap:4px}
.pv-l{font:10px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#717171)}
.pv-v{font:15px/1.45 var(--sans);color:var(--ink)}
.pv-none{font-style:normal;color:#a8a8a8}
#panel .pv-edit{align-self:flex-start;width:auto;margin-top:6px}
.pv-create{margin-top:8px;max-width:420px}
.pv-h{font:normal 22px/1.2 var(--serif);margin:0 0 12px;color:var(--ink)}
.pv-create .f3-acc-t{font:13px/1.45 var(--sans);color:var(--muted,#717171);margin:0 0 16px}
.pv-create .f3-btn{margin-top:18px}
/* C5: язык и валюта — только в шапке; на телефоне — в подвале под блоком аккаунта */
@media(min-width:761px){.f4 .f2-top>.f4-prefs{display:none!important}}
@media(max-width:760px){.f4 .f2-top>.f4-prefs{grid-column:1 / -1!important;margin:-12px 0 0!important}}
/* C5: 761–1180 — ряд 1: «Клиентам» + «О компании», ряд 2: аккаунт + «Контакты» */
@media(min-width:761px) and (max-width:1180px){
 .f4 .f2-top>.f4-c{order:1!important}
 .f4 .f2-top>.f4-co{order:1!important}
 .f4 .f2-top>.f4-acc,.f4 .f2-top>.f4-in,.f4 .f2-top>.f4-contacts{order:2!important}
}
/* C7: значок Pinterest — тот же круг и та же толщина линии */
.f3-ic svg.f3-pin{stroke-linecap:round}
/* C6: блок аккаунта — колонка, чтобы отступы поля и кнопки считались точно */
@media(min-width:761px){.f4 .f4-acc{display:flex;flex-direction:column;align-items:flex-start}.f4 .f4-acc>.f3-field{align-self:stretch}.f4 .f4-acc>h2,.f4 .f4-acc>.f3-acc-t{align-self:stretch}}
.pv-create{margin-top:28px}
/* п. 6 ретеста: сумма списания в тенге */
#sheet .co-charge{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font:13px var(--sans);color:var(--muted,#717171)}
#sheet .co-fx{margin:8px 0 0;font:12px/1.45 var(--sans);color:var(--muted,#717171)}
.rc-giftv{font-style:italic}
/* п. 2 ретеста: «Адреса магазинов» */

.st-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:32px}
.st-city{padding:20px;background:#f3f3f3;border-radius:var(--radius,4px)}
.st-city h2{font:normal 22px/1.2 var(--serif);margin:0 0 10px;color:var(--ink)}
.st-city p{font:13px/1.45 var(--sans);color:var(--muted,#717171);margin:0}
.st-wa{display:inline-flex}
.st-wrap .fq-title{margin-bottom:32px}
#sheet .cart-line .cl-main{min-width:0}#sheet .cart-line .cl-main h3{overflow-wrap:break-word}
/* срочная доставка: заголовок + «Другой день» справа; календарь слева, время справа столбцом */
#sh-slots .sh-slhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
#sh-slots .sh-slhead .sh-sub{margin-bottom:0}
#sh-slots .sh-slhead .sh-other{margin:0;white-space:nowrap;min-height:44px}
#sh-slots .sh-slhead+.sh-rows,#sh-slots .sh-slhead+.sh-calwrap{margin-top:12px}
.sh-calwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,200px);gap:24px;align-items:start}
.sh-calwrap .sh-cal{margin:0}
.sh-vtimes{display:flex;flex-direction:column;gap:8px}
.sh-vtimes .sh-rh{margin-bottom:4px}
.sh-vtimes .sh-tchip{width:100%;justify-content:center}
.sh-calhint{font:12px/1.4 var(--sans);color:var(--muted);margin:0}
@media(max-width:420px){.sh-calwrap{grid-template-columns:1fr}.sh-vtimes{flex-direction:row;flex-wrap:wrap}.sh-vtimes .sh-rh{width:100%}.sh-vtimes .sh-tchip{width:auto}}
/* v54.3: календарь шире, ниже заголовка на 24 px; между календарём и временем 40 px; «Пятница: 30 октября» в одну строку на уровне «Октябрь 2026 г.» */
#sh-slots .sh-slhead+.sh-calwrap{margin-top:24px}
.sh-calwrap{grid-template-columns:minmax(0,1fr) 200px;gap:40px}
.sh-calwrap .sh-cal{max-width:none;width:100%}
.sh-calwrap .sh-cd{height:40px}
.sh-vtimes{padding-top:13px}
.sh-vtimes .sh-rh{flex-direction:row!important;align-items:center!important;gap:8px;height:36px;margin:0 0 8px!important;white-space:nowrap}
.sh-vtimes .sh-rh b,.sh-vtimes .sh-rh small{font:400 13px/1 var(--sans)}
.sh-vtimes .sh-rh small{color:var(--muted,#717171)}
@media(max-width:420px){.sh-calwrap{gap:20px}.sh-vtimes{padding-top:0}}
@media(max-width:560px){.sh-calwrap{grid-template-columns:1fr;gap:20px}.sh-vtimes{padding-top:0;flex-direction:row;flex-wrap:wrap}.sh-vtimes .sh-rh{width:100%}.sh-vtimes .sh-tchip{width:auto;flex:1 1 30%}}
/* v54.4: календарь ниже по высоте и во всю ширину; время по центру календаря; одна обводка без второй рамки фокуса */
.sh-calwrap{align-items:center}
.sh-calwrap .sh-cal{padding:10px 12px}
.sh-calwrap .sh-calh{margin-bottom:4px}
.sh-calwrap .sh-calnav{width:32px;height:32px}
.sh-calwrap .sh-calg{gap:0 2px}
.sh-calwrap .sh-cw{height:24px;display:grid;place-items:center}
.sh-calwrap .sh-cd{height:30px}
.sh-vtimes{padding-top:0}
.sh-cd:focus,.sh-cd:focus-visible,.sh-tchip:focus-within,.sh-tchip input:focus,.sh-tchip input:focus-visible,.sh-calnav:focus,.sh-calnav:focus-visible{outline:none!important;box-shadow:none!important}
.sh-cd:focus-visible{border-color:var(--ink)}
.sh-tchip:has(input:focus-visible){border-color:var(--ink)}
.sh-cd.on{border:1px solid var(--ink);box-shadow:none;outline:none}
@media(max-width:560px){.sh-calwrap{align-items:stretch}.sh-calwrap .sh-cd{height:34px}}
/* v54.5: «Пятница: 30 октября» на линии «Октябрь 2026 г.»; три вида чисел: прошедшие, выходные, доступные */
.sh-calwrap{align-items:start}
.sh-vtimes{padding-top:10px}
.sh-vtimes .sh-rh{height:32px;margin:0 0 17px!important}
.sh-calwrap .sh-cd.off{color:#cfcfcf}
.sh-calwrap .sh-cd.we{background:#f3f3f3;color:#a8a8a8;border-radius:0}
.sh-calwrap button.sh-cd{color:var(--ink);font-weight:600}
.sh-calleg{display:flex;align-items:center;gap:8px;margin:8px 0 0;font:11px/1.3 var(--sans);color:var(--muted,#717171)}
.sh-calleg i{width:14px;height:14px;background:#f3f3f3;display:inline-block}
@media(max-width:560px){.sh-vtimes{padding-top:0}.sh-vtimes .sh-rh{height:auto;margin:0 0 8px!important}}
/* v54.6: выходные — как раньше, без заливки и пометки */
.sh-calwrap .sh-cd.we{background:none;color:#cfcfcf}
.sh-calleg{display:none}