/* Мини-корзина #basket_right (шаблон plasters-v8): выезжает справа по иконке корзины в шапке. Переменные — css/hx-ui.css. Состояние «открыта» — класс opened у #basket_right (hx-site.js).
   Высота окна оставляет снизу место под фигурку Пластерика (.pkh, правый нижний угол, около 170 px). */
#basket_right{display:none}
@media (min-width:1024px){
  #basket_right{display:block;position:fixed;z-index:90;top:clamp(140px,22vh,220px);right:0;width:min(440px,92vw);transform:translateX(100%);visibility:hidden}
  #basket_right.opened{transform:none;visibility:visible}
  /* анимация только после загрузки страницы (класс hx-fly-ready ставит hx-site.js): стили этого файла приходят после первой отрисовки, и без этого панель «проезжала» при каждой загрузке */
  #basket_right.hx-fly-ready{transition:transform .3s,visibility 0s .3s}
  #basket_right.hx-fly-ready.opened{transition:transform .3s}
}
@media (prefers-reduced-motion:reduce){#basket_right{transition:none}}
.hx-fly{position:relative;font:400 15px/1.45 Onest,Arial,sans-serif;color:var(--hx-ink)}
.hx-fly-box{display:flex;flex-direction:column;max-height:calc(100vh - clamp(140px,22vh,220px) - 190px);min-height:0;background:#fff;box-shadow:0 10px 32px rgba(21,23,28,.22)}
.hx-fly-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px 20px;border-bottom:1px solid var(--hx-line)}
.hx-fly-t{margin:0 auto 0 0;font-size:18px;font-weight:700}
.hx-fly-n{color:var(--hx-mute);font-weight:600}
.hx-fly .remove_all_basket{all:unset;cursor:pointer;font-size:14px;color:var(--hx-navy);border-bottom:1.5px solid currentColor}
.hx-fly .basket_close .button{all:unset;cursor:pointer;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:22px;color:var(--hx-mute)}
.hx-fly .basket_close .button:hover{background:var(--hx-paper);color:var(--hx-ink)}
.hx-fly .tab-content{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}
.hx-fly-list{margin:0;padding:0 20px;list-style:none}
.hx-fly-list .product-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto 28px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hx-line)}
.hx-fly-list img,.hx-fly-noimg{display:block;width:56px;height:56px;object-fit:contain;background:var(--hx-paper)}
.hx-fly-info{display:flex;flex-direction:column;min-width:0;font-size:14px}
.hx-fly-info a{color:var(--hx-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-fly-info a:hover{color:var(--hx-navy)}
.hx-fly-info small{color:var(--hx-mute)}
.hx-fly-sum{white-space:nowrap}
.hx-fly .cell-DELETE .remove{all:unset;cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:18px;color:var(--hx-mute)}
.hx-fly .cell-DELETE .remove:hover{background:var(--hx-paper);color:var(--hx-err)}
.hx-fly .cart_empty{padding:24px 20px}
.hx-fly .cart_empty p{margin:0 0 14px;color:var(--hx-txt)}
.hx-fly-foot{padding:14px 20px 18px;border-top:1px solid var(--hx-line);background:#fff}
.hx-fly-loy{margin-bottom:12px;font-size:13px;color:var(--hx-txt)}
.hx-fly-loy p{margin:6px 0 0}
.hx-fly-bar{height:5px;border-radius:3px;background:var(--hx-line);overflow:hidden}
.hx-fly-bar span{display:block;height:100%;background:var(--hx-navy)}
.hx-fly-total{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-weight:700}
.hx-fly-total b{font-size:22px}
.hx-fly-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.hx-fly-btns .hx-btn{min-height:44px;padding:0 14px;font-size:14px}
.hx-fly-btns .hx-btn--ghost{grid-column:1/-1;justify-self:center;font:600 14px/1.3 Onest,Arial,sans-serif;cursor:pointer}