.product-top-bar{position:fixed;width:100%;top:6.9375rem;z-index:9;background:var(--sand);padding-block:.5rem;transition:top .5s ease}.product-top-bar.is-sticky{top:0rem;transition:top .5s ease}.product-top-bar .top-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:3.125rem}.product-top-bar .top-bar__menu{display:flex;align-items:center;gap:1.25rem}@media (max-width: 768px){.product-top-bar .top-bar__menu{width:100%;justify-content:space-around}}.product-top-bar .top-bar__menu button{background:none;border:none;padding:0;font-size:.8125rem;font-weight:var(--w-400);color:var(--black);cursor:pointer;position:relative}.product-top-bar .top-bar__menu button:before{content:"";position:absolute;left:50%;bottom:-.125rem;transform:translate(-50%);width:0;border-bottom:.0625rem solid transparent;transition:all .3s ease}.product-top-bar .top-bar__menu button:hover:before{width:100%;border-color:var(--black)}.product-top-bar .top-bar__actions{display:flex;align-items:center;gap:.75rem}.product-top-bar .top-bar__actions .top-bar__qty{display:flex;align-items:center;border-radius:1.875rem;overflow:hidden;height:2.625rem;background-color:var(--white)}.product-top-bar .top-bar__actions .top-bar__qty .qty-minus,.product-top-bar .top-bar__actions .top-bar__qty .qty-plus{width:2rem;height:100%;background:none;border:none;font-size:1rem;font-weight:var(--w-300);color:var(--black);cursor:pointer;transition:background .2s ease}:is(.product-top-bar .top-bar__actions .top-bar__qty .qty-minus,.product-top-bar .top-bar__actions .top-bar__qty .qty-plus):hover{background:var(--gray-1)}.product-top-bar .top-bar__actions .top-bar__qty .qty-input{width:3rem;text-align:center;border:none;background:transparent;font-size:1rem;font-weight:var(--w-300);color:var(--black);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.product-top-bar .top-bar__actions .top-bar__qty .qty-input::-webkit-outer-spin-button,.product-top-bar .top-bar__actions .top-bar__qty .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-top-bar .top-bar__actions .top-bar__qty .qty-input:focus{outline:none}.product-top-bar .top-bar__actions .top-bar__add{background:var(--transparent);position:relative;color:var(--white);font-size:1rem;font-weight:var(--w-300);padding:.625rem;border-radius:1.875rem;border:none;cursor:pointer;transition:all .3s ease;width:22.4375rem;white-space:nowrap;min-height:2.625rem}.product-top-bar .top-bar__actions .top-bar__add:before{height:100%;position:absolute;top:0;transition:all .3s;content:"";width:100%;left:0;border-radius:var(--style-border-radius-buttons-secondary);background-color:var(--black);z-index:-1}.product-top-bar .top-bar__actions .top-bar__add:after{height:100%;position:absolute;top:0;transition:all .3s;content:"";width:0;left:50%;border-top:1px solid transparent;border-bottom:1px solid transparent;transform:translate(-50%);z-index:1}.product-top-bar .top-bar__actions .top-bar__add:hover{color:var(--white)}.product-top-bar .top-bar__actions .top-bar__add:hover:before{transform:scaleX(0)}.product-top-bar .top-bar__actions .top-bar__add:hover:after{width:100%;border-color:var(--white);transition-delay:.2s}.product-top-bar .top-bar__actions .top-bar__add:disabled{background:var(--gray-3);color:var(--white);cursor:not-allowed}.product-top-bar.is-filled{background:var(--hardsand);border-color:var(--black)}.product-top-bar.is-filled .top-bar__menu button{color:var(--black)}.product-top-bar.is-filled .top-bar__actions .top-bar__qty{border-color:var(--black);background:var(--white)}.product-top-bar.is-filled .top-bar__actions .top-bar__add{background:var(--black);color:var(--sand)}@media (max-width: 768px){.product-top-bar{padding-block:.5rem;padding-inline:0rem}.product-top-bar .top-bar__inner{gap:.625rem;flex-wrap:wrap}.product-top-bar .top-bar__menu{gap:.75rem}.product-top-bar .top-bar__menu button{font-size:.8125rem}.product-top-bar .top-bar__actions{gap:.5rem;width:100%;justify-content:flex-end}.product-top-bar .top-bar__actions .top-bar__qty{height:2rem}.product-top-bar .top-bar__actions .top-bar__qty .qty-minus,.product-top-bar .top-bar__actions .top-bar__qty .qty-plus{width:1.875rem}.product-top-bar .top-bar__actions .top-bar__qty .qty-input{width:2.5rem;font-size:.9375rem}.product-top-bar .top-bar__actions .top-bar__add{padding:.5rem 1rem;font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/TIS_product-top-bar.css.map */
