.sa{position:fixed;left:0;right:0;bottom:0;z-index:40;font-family:var(--sa-font,inherit);color:var(--sa-fg,#111);pointer-events:none;transition:transform .25s ease,opacity .25s ease;-webkit-font-smoothing:antialiased}
.sa *,.sa *::before,.sa *::after{box-sizing:border-box}
.sa{transform:translateY(calc(100% + 24px))}
.sa[data-show="true"]{transform:none;opacity:1;pointer-events:auto}
.sa--floating{left:12px;right:12px;bottom:12px}
.sa__bar{background:var(--sa-bg,#fff);padding:var(--sa-py,10px) clamp(14px,4vw,40px)}
.sa--floating .sa__bar{max-width:var(--sa-max,1200px);margin:0 auto;border-radius:var(--sa-radius,16px);padding-left:var(--sa-py,10px);padding-right:var(--sa-py,10px)}
.sa--bar .sa__bar{border-radius:var(--sa-radius,0) var(--sa-radius,0) 0 0}
.sa--border.sa--bar .sa__bar{border-top:1px solid var(--sa-line,#e5e5e5)}
.sa--border.sa--floating .sa__bar{border:1px solid var(--sa-line,#e5e5e5)}
.sa__bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sa--shadow .sa__bar{box-shadow:0 -8px 24px -16px rgba(0,0,0,.35)}
.sa--shadow.sa--floating .sa__bar{box-shadow:0 10px 28px -14px rgba(0,0,0,.4)}
.sa__inner{max-width:var(--sa-max,1200px);margin:0 auto;display:flex;align-items:center;gap:12px}
.sa__img{width:var(--sa-img,44px);height:var(--sa-img,44px);flex:0 0 var(--sa-img,44px);border-radius:calc(var(--sa-img,44px) * .18);overflow:hidden;background:rgba(0,0,0,.05)}
.sa__img img{width:100%;height:100%;object-fit:cover;display:block}
.sa__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.sa__l1{max-width:100%;font-size:var(--sa-l1,14px);font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa__l2{max-width:100%;font-size:var(--sa-l2,12px);line-height:1.3;color:var(--sa-muted,#666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa__l1[hidden],.sa__l2[hidden],.sa__badge[hidden]{display:none}
.sa__l2 .sa__price{font-weight:600;color:var(--sa-fg,#111)}
.sa__compare{opacity:.55;font-weight:400;margin-left:.3em}
.sa__badge{display:inline-block;background:var(--sa-badge-bg,#111);color:var(--sa-btn-fg,#fff);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;padding:3px 8px;border-radius:999px;white-space:nowrap}
.sa__form{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0}
.sa__select{min-width:0;max-width:150px;padding:10px 8px;border-radius:8px;border:1px solid var(--sa-line,#ddd);background:transparent;color:inherit;font:inherit;font-size:13px}
.sa__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;appearance:none;border:0;cursor:pointer;background:var(--sa-btn-bg,#111);color:var(--sa-btn-fg,#fff);font-family:inherit;font-size:var(--sa-btn-size,15px);font-weight:600;line-height:1.2;padding:var(--sa-btn-py,14px) calc(var(--sa-btn-py,14px) * 1.7);border-radius:var(--sa-btn-radius,999px);white-space:nowrap;transition:filter .15s ease}
.sa__btn:hover{filter:brightness(.94)}
.sa__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.sa__btn[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:749px){
  .sa--only-desktop{display:none}
  .sa--floating{left:8px;right:8px;bottom:8px}
  .sa--m-row_noimg .sa__img{display:none}
  .sa--m-row .sa__btn,.sa--m-row_noimg .sa__btn{padding-left:18px;padding-right:18px}
  .sa--m-stack .sa__inner{flex-wrap:wrap}
  .sa--m-stack .sa__form{flex:1 1 100%}
  .sa--m-stack .sa__btn{flex:1 1 auto}
  .sa--m-button .sa__img,.sa--m-button .sa__info{display:none}
  .sa--m-button .sa__form{flex:1 1 100%}
  .sa--m-button .sa__btn{flex:1 1 auto}
}
@media(min-width:750px){.sa--only-mobile{display:none}}
@media(prefers-reduced-motion:reduce){.sa{transition:none}}