/* Правки вёрстки поверх sky.css */
.bnr-track,.cat-rail,.rail,.chips{scroll-padding-left:16px}
.bnr-track>.bnr-wrap{scroll-snap-stop:always}
/* иконки категорий */
.cat-mini .c{overflow:visible}
.cat-mini .c svg{width:66px;height:66px}
button.cat .ci{position:absolute;right:6px;bottom:4px;width:78px;height:78px;font-style:normal}
button.cat .ci svg{width:100%;height:100%}
button.cat.tall .ci{width:112px;height:112px;right:8px;bottom:8px}
/* поддержка временно отключена */
[data-a="support"]{display:none!important}
.card:has(>[data-a="support"]:only-child){display:none!important}
/* баннеры в ленте одной высоты: язычок всегда у нижнего края своего баннера */
.bnr-track>.bnr-wrap{display:flex}
.bnr-track>.bnr-wrap>.bnr{flex:1;min-width:0}
/* iOS приближает экран при фокусе на поле, если шрифт меньше 16px */
input,textarea,select{font-size:16px!important}
html,body{-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}
/* кружки с иконками: правило .menu .m span из sky.css ломало их центровку */
span.ic,div.ic,i.ic{display:flex!important;align-items:center;justify-content:center}
/* экран не должен «мигать» при каждом нажатии */
.view{animation:none}

/* зона нажатия кнопки «назад» не меньше 44px, внешний вид не меняется */
[data-a="back"]{position:relative}
[data-a="back"]::after{content:"";position:absolute;inset:-4px}

/* лишняя тёмная точка на фоне */
.bg i:nth-child(n+4){display:none}

/* кнопка на баннере: аккуратный вырез в углу, кнопка внутри с ровным зазором 6px со всех сторон */
.bnr:not(.plain){-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='148' height='52'%3E%3Crect x='-40' y='0' width='188' height='92' rx='20'/%3E%3C/svg%3E") 0 100%/148px 52px no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='148' height='52'%3E%3Crect x='-40' y='0' width='188' height='92' rx='20'/%3E%3C/svg%3E") 0 100%/148px 52px no-repeat,linear-gradient(#000,#000);mask-composite:exclude}
.bnr:not(.plain){border-bottom-left-radius:0}
.bnr p{padding-bottom:50px}.bnr.plain p{padding-bottom:0}
.bnr-tab{position:absolute;left:6px;bottom:6px;width:136px;height:40px}
.bnr-tab .pill{width:100%;height:100%;padding:0 14px 0 16px;border-radius:14px;background:#F3F4F6;color:#151619;font-weight:700;font-size:14px;white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:none}
.bnr-tab .pill svg{width:16px;height:16px;flex:none}
.bnr-tab .pill.navy{background:#F3F4F6;color:#151619}

/* карточки товаров: фото на всю ширину до верхнего края, одинаковый размер у всех */
.grid{align-items:stretch}
.pcard{display:flex}
.pcard .pin{width:100%;padding:0 0 12px;border-radius:22px;overflow:hidden}
.pcard .pic{aspect-ratio:1/1;width:100%;border-radius:0}
.pcard .pic>img{padding:0;object-fit:cover;filter:none}
.pcard .pic>svg{padding:12%;object-fit:contain}
.pcard .nm{margin:10px 12px 0}
.pcard .sub{margin:2px 12px 0;padding-right:44px}
.pcard .pr{margin:6px 12px 0;padding-right:44px}
.pcard .pr{margin-top:auto;padding-top:6px}
.pcard .fav,.pcard .bd{top:10px}
.pcard .fav{left:10px}
.pcard .bd{right:10px}

/* страница товара: фото на весь верх экрана и на всю ширину, кнопки лежат поверх фото */
.pd-top{height:min(56vh,480px)}
.pd-top .glow{display:none}
.pd-top .img{inset:0;display:block}
.pd-top .img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}
.pd-top .img svg{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:56%}
.pd-top::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(120px + var(--sat));background:linear-gradient(rgba(16,17,20,.6),rgba(16,17,20,0));z-index:2;pointer-events:none}

/* Фаза 9, главная: фото на баннере без наклона и белого квадрата — ровная скруглённая карточка */
.bnr .art{transform:translateY(-50%);right:14px;width:108px;height:108px;border-radius:22px;overflow:hidden}
.bnr .art img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}
/* подписи категорий в ленте не обрезаются, переносятся на вторую строку */
.cat-mini{width:76px}
.cat-mini b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;min-height:2.4em}

/* Фаза 10 и 12, списки и корзина: фото заполняет кружок целиком, без светлого квадрата внутри */
.prow .th img,.cl .th img{padding:0;object-fit:cover;filter:none}
/* Фаза 9: «Хиты» и «Скидки» на главной — горизонтальные ленты карточек */
.rail>.pcard{flex:0 0 158px}
.rail{padding-bottom:12px}
/* подпись под названием («Жидкости · 12 вкусов») не обрезается раньше времени: кнопка «+» стоит ниже */
.pcard .sub{padding-right:4px}

/* Фаза 10, каталог: последняя плитка без пары растягивается на всю ширину, без пустой дыры справа */
.cats:has(>.cat.tall:first-child)>.cat:last-child:nth-child(even),.cats:not(:has(>.cat.tall))>.cat:last-child:nth-child(odd){grid-column:span 2}

/* Фаза 11, выбор вкуса: у вариантов видна подложка-кнопка, а не просто текст */
.sheet .vars .chip{background:var(--card2);box-shadow:none}
.sheet .vars .chip.on{background:var(--navy);color:var(--onnavy)}