product-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:1001;background:var(--COLOR-BG, #ffffff);border-top:1px solid var(--COLOR-BORDER, rgba(0, 0, 0, .1));transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none;box-shadow:0 -2px 10px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}product-sticky-bar.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}@media only screen and (max-width: 768px){product-sticky-bar{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}}.product-sticky-bar__content{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;margin:0 auto;gap:20px}.product-sticky-bar__left{display:flex;align-items:center;gap:54px;flex:1;min-width:0}.product-sticky-bar__image{width:80px;height:80px;flex-shrink:0;overflow:hidden;border-radius:4px}.product-sticky-bar__image img{width:100%;height:100%;object-fit:cover}.product-sticky-bar__info{display:flex;flex-direction:column;gap:12px;min-width:0}.product-sticky-bar__type{font-size:12px;color:var(--COLOR-TEXT, #000000);font-weight:400;line-height:1.2}.product-sticky-bar__title{font-size:15px;font-weight:700;color:var(--COLOR-TEXT, #000000);text-transform:uppercase;line-height:1.2;margin:0}.product-sticky-bar__price{font-size:15px;color:var(--COLOR-TEXT, #000000);font-weight:400;line-height:1.2}.product-sticky-bar__right{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1;position:relative}.product-sticky-bar__toggle{display:none;background:transparent;border:none;cursor:pointer;padding:4px;color:var(--COLOR-TEXT, #000000);flex-shrink:0;align-items:center;justify-content:center}.product-sticky-bar__toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.product-sticky-bar__toggle-icon svg{width:24px;height:24px;color:var(--COLOR-TEXT, #000000)}.product-sticky-bar__toggle-icon--minus{display:none}product-sticky-bar.is-expanded .product-sticky-bar__toggle-icon--plus{display:none}product-sticky-bar.is-expanded .product-sticky-bar__toggle-icon--minus{display:flex}.product-sticky-bar__actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}.product-sticky-bar__actions:has(.product-sticky-bar__select-variant){grid-template-columns:1fr auto;justify-items:end}.product-sticky-bar__actions:has(.quantity-selector):not(:has(.product-sticky-bar__select-variant)){grid-template-columns:.65fr 1fr;align-items:center}.product-sticky-bar .quantity-selector{display:flex;align-items:center;overflow:hidden;max-height:39px;height:39px;border:.75px solid var(--COLOR-BORDER, rgba(0, 0, 0, .2));background:transparent;border-radius:0}.product-sticky-bar .quantity__minus,.product-sticky-bar .quantity__plus{background:transparent;border:none;color:var(--COLOR-TEXT, #000000);padding:10px 15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-sticky-bar .quantity__minus svg,.product-sticky-bar .quantity__plus svg{width:16px;height:16px;color:var(--COLOR-TEXT, #000000)}.product-sticky-bar__actions .quantity-selector{background:transparent;color:var(--COLOR-TEXT, #000000);border:.5px solid var(--COLOR-BORDER, rgba(0, 0, 0, .2));text-align:center}.product-sticky-bar__actions .quantity__input,.product-sticky-bar__actions .quantity__plus .icon,.product-sticky-bar__actions .quantity__minus .icon{color:var(--COLOR-TEXT, #000000)}.product-sticky-bar .quantity__input{font-size:12px!important}.product-sticky-bar .quantity__input::-webkit-outer-spin-button,.product-sticky-bar .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.product-sticky-bar__add-to-bag{padding:10px 30px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:opacity .2s;background:var(--COLOR-TEXT, #000000);color:var(--COLOR-BG, #ffffff);border:.75px solid var(--COLOR-TEXT, #000000);max-height:39px;height:39px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap}.product-sticky-bar__add-to-bag:hover{opacity:.85}.product-sticky-bar__add-to-bag:disabled{opacity:.5;cursor:not-allowed}.product-sticky-bar__add-to-bag .btn__text{color:var(--COLOR-BG, #ffffff)}.product-sticky-bar__select-variant{padding:10px 50px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:opacity .2s;background:var(--COLOR-TEXT, #000000);color:var(--COLOR-BG, #ffffff);border:.75px solid var(--COLOR-TEXT, #000000);max-height:39px;height:39px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;min-width:300px;width:100%}.product-sticky-bar__select-variant:hover{opacity:.85}.product-sticky-bar__select-variant .btn__text{color:var(--COLOR-BG, #ffffff)}@media only screen and (max-width: 990px){.product-sticky-bar__actions:has(.quantity-selector):not(:has(.product-sticky-bar__select-variant)){grid-template-columns:.65fr 1fr}}@media only screen and (max-width: 768px){.product-sticky-bar__content{padding:12px 15px;gap:12px;justify-content:center;flex-direction:column}.product-sticky-bar__left{display:flex;width:100%;padding-bottom:0;border-bottom:1px solid transparent;margin-bottom:0;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1),padding-bottom .3s cubic-bezier(.4,0,.2,1),margin-bottom .3s cubic-bezier(.4,0,.2,1);pointer-events:none}product-sticky-bar.is-expanded .product-sticky-bar__left{opacity:1;max-height:200px;padding-bottom:12px;border-bottom-color:var(--COLOR-BORDER, rgba(0, 0, 0, .1));margin-bottom:12px;pointer-events:auto}.product-sticky-bar__right{width:100%;justify-content:center;align-items:center;gap:8px}.product-sticky-bar__toggle{display:flex;padding:4px}.product-sticky-bar__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.product-sticky-bar__add-to-bag{padding:10px 20px;font-size:12px;width:100%}.product-sticky-bar__select-variant{font-size:14px;width:100%}.product-sticky-bar .quantity-selector{max-height:35px;height:35px;width:100%}}@media only screen and (min-width: 768px){.template-product .btn--scroll-top-product{bottom:110px}}@media only screen and (max-width: 768px){.template-product .btn--scroll-top-product{bottom:80px;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-sticky-bar.css.map */