/* Смуга про безкоштовну доставку лишається вгорі при прокрутці */
.header__topbar--sticky{position:sticky;top:0;z-index:5}
.menu-open .header__topbar--sticky{z-index:3}

/* Шкала до безкоштовної доставки й знижки (міні-кошик, оформлення) */
.cart-progress{background:var(--transparent-green);border-radius:8px;padding:12px 14px;margin-bottom:12px;font-size:14px;line-height:18px;color:var(--dark)}
.cart-progress[hidden]{display:none}
.cart-progress__text strong{font-weight:700;white-space:nowrap}
.cart-progress__ok{color:var(--high-green);font-weight:700}
.cart-progress__bar{height:6px;border-radius:3px;background:var(--white);overflow:hidden;margin:8px 0}
.cart-progress__bar span{display:block;height:100%;background:var(--high-green);border-radius:3px;transition:width .3s ease}
.cart-progress__bar:last-child{margin-bottom:0}

/* Добірка «Додайте до замовлення» в міні-кошику */
.cart-upsell{padding:0 0 16px}
.cart-upsell[hidden]{display:none}
.cart-upsell__title{font-size:16px;font-weight:700;margin:0 24px 12px}
.cart-upsell__list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 24px;padding:0 24px 8px;-webkit-overflow-scrolling:touch}
.cart-upsell__item{flex:0 0 128px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}
.cart-upsell__image{display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--section-bg)}
.cart-upsell__image img{width:100%;height:100%;object-fit:cover;display:block}
.cart-upsell__name{font-size:13px;line-height:16px;color:var(--dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.cart-upsell__price{font-size:14px;font-weight:700}
.cart-upsell__add{margin-top:auto;border:1px solid var(--primary);color:var(--primary);background:var(--white);border-radius:100px;padding:7px 0;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.cart-upsell__add:hover{background:var(--primary);color:var(--white)}
.cart-upsell__add:disabled{opacity:.6;cursor:default}

/* Кошик у шапці поруч із пошуком (замість бічної вкладки) */
.header__cart{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:50px;border:0;border-radius:4000px;background-color:var(--transparent-green);color:var(--green);cursor:pointer;transition:background-color .2s}
.header__cart::before{content:"";position:absolute;top:50%;left:50%;width:41px;height:41px;border-radius:50%;background:var(--white);transform:translate(-50%,-50%)}
.header__cart svg{position:relative}
.header__cart:hover{background-color:#d8e6e3}
.header__cart-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--primary);color:var(--white);font-size:11px;font-weight:700;line-height:20px;text-align:center}
.header__cart-count[hidden]{display:none}

/* Оформлення: шкала в підсумку */
.cart-summary .cart-progress{margin:12px 0}

@media (max-width:74.99875em){
    .header__cart{width:40px;height:40px}
    .header__cart::before{width:32px;height:32px}
    .header__cart svg{width:20px;height:20px}
    /* Нижня панель «До сплати» не вища за 120px */
    .cart-summary__mob{height:auto;max-height:120px;padding:12px 15px 74px;gap:0}
    .cart{padding-bottom:140px}
}

/* На вузьких телефонах три значки праворуч не вміщуються поруч із логотипом по центру — зсуваємо логотип до бургера */
@media (max-width:419.98px){
    .header__logo{left:72px;transform:translateY(-50%)}
}

/* Каталог: кнопка «Фільтри» (лише на телефоні) і сортування */
.catalog-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.catalog-toolbar__filters{display:none;align-items:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--lines);border-radius:100px;background:var(--white);font-size:14px;font-weight:600;color:var(--dark);cursor:pointer}
.catalog-toolbar__filters::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14M4 8h8M6.5 13h3' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 3h14M4 8h8M6.5 13h3' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.catalog-toolbar__sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dark)}
.catalog-toolbar__select{height:44px;padding:0 36px 0 16px;border:1px solid var(--lines);border-radius:100px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font:inherit;font-weight:600;color:inherit;cursor:pointer}
@media (max-width:61.99875em){
    .catalog-toolbar{justify-content:space-between;margin-bottom:16px}
    .catalog-toolbar__filters{display:flex;flex:1}
    .catalog-toolbar__sort{flex:1}
    .catalog-toolbar__sort-label{display:none}
    .catalog-toolbar__select{width:100%}
}
