#csatc-bar.csatc-bar{--csatc-bg:#ffffff;--csatc-text:#1f2937;--csatc-button-bg:#111827;--csatc-button-text:#ffffff;box-sizing:border-box;position:fixed;left:0;right:0;bottom:0;z-index:99999;background:var(--csatc-bg);color:var(--csatc-text);border-top:1px solid #e5e5e5;box-shadow:0 -2px 10px rgba(0,0,0,8%);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s ease;padding:10px 14px}#csatc-bar.is-visible{transform:translateY(0);opacity:1;visibility:visible}#csatc-bar.csatc-top{top:0;bottom:auto;border-top:0;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 10px rgba(0,0,0,8%);transform:translateY(-100%)}#csatc-bar.csatc-top,#csatc-bar.csatc-top.is-visible{padding-top:max(10px,env(safe-area-inset-top))}#csatc-bar.csatc-bar:not(.csatc-top),#csatc-bar.csatc-bar:not(.csatc-top).is-visible{padding-bottom:max(10px,env(safe-area-inset-bottom))}#csatc-bar.csatc-top.is-visible{transform:translateY(0)}#csatc-bar .csatc-inner{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr)auto;gap:14px;align-items:center}#csatc-bar .csatc-media{min-width:0}#csatc-bar .csatc-media img{display:block;width:56px;height:56px;object-fit:cover;border-radius:6px}#csatc-bar .csatc-main{min-width:0}#csatc-bar .csatc-title{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:3px;overflow-wrap:anywhere}#csatc-bar .csatc-price{font-size:12px;font-weight:100}#csatc-bar .csatc-format{font-size:12px;opacity:.85;margin-top:3px;line-height:1.2;overflow-wrap:anywhere}#csatc-bar .csatc-actions{display:flex;min-width:0;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}#csatc-bar .csatc-variations{display:flex;min-width:0;gap:6px;flex-wrap:wrap;justify-content:flex-end}#csatc-bar .csatc-variation-select{min-width:110px;width:min(180px,100%);max-width:100%;height:36px;font-size:13px;padding:4px 6px;box-sizing:border-box}#csatc-bar .csatc-qty{display:inline-flex;align-items:center;height:36px;border:1px solid #d7d7d7;border-radius:6px;overflow:hidden}#csatc-bar .csatc-qty button{border:0;background:#f5f5f5;width:30px;height:100%;font-size:18px;line-height:1;cursor:pointer}#csatc-bar .csatc-qty input{width:48px;height:100%;border:0;text-align:center;padding:0;box-sizing:border-box}#csatc-bar .csatc-button{min-width:0;height:36px;padding:0 14px;white-space:nowrap;background:var(--csatc-button-bg);border-color:var(--csatc-button-bg);color:var(--csatc-button-text)}#csatc-bar .csatc-button:hover,#csatc-bar .csatc-button:focus{opacity:.92;background:var(--csatc-button-bg);color:var(--csatc-button-text)}@media(prefers-reduced-motion:reduce){#csatc-bar.csatc-bar{transition:none}}@media(max-width:900px){#csatc-bar .csatc-inner{align-items:flex-start;grid-template-columns:auto minmax(0,1fr)}#csatc-bar .csatc-actions{grid-column:1/-1;justify-content:flex-start;width:100%}#csatc-bar .csatc-variations{justify-content:flex-start;max-width:100%}}@media(max-width:680px){#csatc-bar .csatc-inner{gap:8px 10px}#csatc-bar .csatc-media img{width:48px;height:48px}#csatc-bar .csatc-actions{align-items:stretch}#csatc-bar .csatc-variations{flex:1 1 100%;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}#csatc-bar .csatc-variation-select{width:100%;min-width:0}#csatc-bar .csatc-qty{flex:none}#csatc-bar .csatc-button{flex:1 1 140px;padding-right:10px;padding-left:10px}}@media(max-width:360px){#csatc-bar.csatc-bar{padding-right:10px;padding-left:10px}#csatc-bar .csatc-inner{grid-template-columns:42px minmax(0,1fr)}#csatc-bar .csatc-media img{width:42px;height:42px}#csatc-bar .csatc-button{white-space:normal}}