.product-buy-bar{position:fixed;left:0;bottom:-120px;width:100vw;z-index:3;opacity:0;padding:0;color:var(--color-foreground);background-color:var(--color-background);border-top:1px solid var(--color-borders);transition:bottom .3s ease-in-out,opacity .3s ease-in-out}.product-buy-bar.show{bottom:0;opacity:1}.the-buy-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px!important;padding:10px 0 calc(10px + env(safe-area-inset-bottom));color:var(--color-foreground)}.the-buy-bar .image-and-titles{display:none}.the-buy-bar .product-form{flex:1 1 auto;min-width:0}.the-buy-bar .product-form__submit{height:44px;min-height:44px;padding-block:0}.buy-bar-variant{flex:0 0 38%;min-width:0}.buy-bar-variant__select{display:block;width:100%;height:44px;padding:0 32px 0 14px;border:1px solid var(--color-borders);border-radius:0;background:var(--color-background) 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='%23111' stroke-width='1.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;font-family:var(--font-body-family);font-size:14px;line-height:42px;color:var(--color-foreground);appearance:none;-webkit-appearance:none;cursor:pointer}@media only screen and (min-width:768px){.product-buy-bar .the-buy-bar{grid-column:1 / -1;width:100%;max-width:880px;margin-inline:auto;gap:16px!important;padding:12px 0;background:none;box-shadow:none;border-radius:0}.the-buy-bar .image-and-titles{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:12px!important;min-width:0}.the-buy-bar .image-and-titles .media{flex-shrink:0;width:40px}.the-buy-bar .image-and-titles .text{min-width:0;font-size:13px}.the-buy-bar .image-and-titles .h6{margin:0 0 2px;font-size:13px;font-weight:400;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.the-buy-bar .price{font-size:13px}.buy-bar-variant{flex:0 0 160px}.the-buy-bar .product-form{flex:0 0 240px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-product-buy-bar.css.map */