.packs-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:6;background:var(--bg-color, #fff);border-top:2px solid var(--border-color, #e2e8f0);box-shadow:0 -4px 24px #00000021;padding:10px 16px 12px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform}.packs-sticky-bar.is-visible{transform:translateY(0)}.packs-sticky-inner{display:flex;align-items:center;gap:10px;max-width:1200px;margin:0 auto}.packs-sticky-summary{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer;border:1.5px solid var(--border-color, #e2e8f0);border-radius:10px;padding:6px 10px;background:var(--selected-bg, #f8fafc);transition:border-color .2s,box-shadow .2s;position:relative}.packs-sticky-summary:hover{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 3px #6366f114}.packs-sticky-thumbs{display:flex;gap:4px;flex-shrink:0}.packs-sticky-thumb{width:40px;height:40px;border-radius:7px;object-fit:cover;border:1.5px solid var(--border-color, #e2e8f0);background:#f1f5f9}.packs-sticky-thumb-placeholder{width:40px;height:40px;border-radius:7px;background:var(--border-color, #e2e8f0);display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8}.packs-sticky-info{min-width:0;flex:1}.packs-sticky-title{font-size:13px;font-weight:700;color:var(--text-color, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.packs-sticky-variants{font-size:11px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.packs-sticky-price{font-size:14px;font-weight:800;color:var(--price-color, #1e293b);flex-shrink:0}.packs-sticky-edit-icon{width:16px;height:16px;flex-shrink:0;color:#94a3b8}.packs-sticky-btn{flex-shrink:0;background:var(--btn-bg, #1e293b);color:var(--btn-text, #fff);border:none;border-radius:10px;padding:0 20px;height:50px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s,transform .15s;white-space:nowrap}.packs-sticky-btn:hover{opacity:.9;transform:translateY(-1px)}.packs-sticky-btn:active{transform:translateY(0)}.packs-sticky-btn .btn-loading,.packs-sticky-btn.is-loading .btn-text{display:none}.packs-sticky-btn.is-loading .btn-loading{display:flex}.packs-sticky-btn .spinner{width:18px;height:18px;animation:packs-spin .8s linear infinite}@keyframes packs-spin{to{transform:rotate(360deg)}}.packs-sticky-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10000;opacity:0;pointer-events:none;transition:opacity .25s}.packs-sticky-modal-overlay.is-open{opacity:1;pointer-events:all}.packs-sticky-modal{position:fixed;bottom:0;left:0;right:0;z-index:10001;background:var(--bg-color, #fff);border-radius:18px 18px 0 0;padding:20px 16px 32px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:85dvh;overflow-y:auto}.packs-sticky-modal.is-open{transform:translateY(0)}.packs-sticky-modal-handle{width:40px;height:4px;background:#cbd5e1;border-radius:2px;margin:0 auto 16px}.packs-sticky-modal-title{font-size:16px;font-weight:800;color:var(--text-color, #1e293b);margin-bottom:16px}.packs-sticky-modal-rows{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.packs-sticky-modal-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:10px;background:var(--selected-bg, #f8fafc)}.packs-sticky-modal-row-num{font-size:11px;font-weight:700;color:#94a3b8;width:22px;flex-shrink:0}.packs-sticky-modal-row-img{width:48px;height:48px;border-radius:7px;object-fit:cover;border:1px solid var(--border-color, #e2e8f0);flex-shrink:0}.packs-sticky-modal-row-selectors{flex:1;display:flex;flex-direction:column;gap:6px}.packs-sticky-modal-row-selectors select{width:100%;padding:6px 10px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:7px;font-size:13px;background:#fff;color:var(--text-color, #1e293b);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.packs-sticky-modal-row-selectors select:focus{outline:none;border-color:var(--accent-color, #6366f1)}.packs-sticky-modal-confirm{width:100%;background:var(--btn-bg, #1e293b);color:var(--btn-text, #fff);border:none;border-radius:10px;height:52px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.packs-sticky-modal-confirm:hover{opacity:.9}@media(max-width:500px){.packs-sticky-bar{padding:8px 10px 10px}.packs-sticky-btn{padding:0 14px;font-size:13px}.packs-sticky-inner{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-packs-sticky.css.map */