:root{--qb-height: 76px;--qb-bg: #ffffff;--qb-fg: rgb(var(--color-foreground, 17,17,17));--qb-accent: rgb(var(--color-button, 17,17,17));--qb-accent-fg: rgb(var(--color-button-text, 255,255,255));--qb-radius: 14px;--qb-gap: 12px;--qb-shadow: 0 10px 30px rgba(0,0,0,.12);--qb-max-width: var(--page-width, 1200px)}body.has-sticky-qb{padding-bottom:var(--qb-height, 76px)}.sticky-qb{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom,0px));width:min(100vw - 24px,var(--qb-max-width));transform:translate(-50%);z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:var(--qb-gap);padding:10px 12px;background:var(--qb-bg);color:var(--qb-fg);border-radius:var(--qb-radius);box-shadow:var(--qb-shadow);opacity:1;transition:transform .28s ease,opacity .28s ease,visibility .28s ease}.sticky-qb.qb-hidden{transform:translate(-50%,120%);opacity:0;visibility:hidden;pointer-events:none}.sticky-qb__left{display:flex;align-items:center;gap:12px;min-width:0}.sticky-qb__img{width:52px;height:52px;object-fit:cover;border-radius:1px;background:#f2f2f2;flex:0 0 auto}.sticky-qb__meta{display:grid;gap:4px;min-width:0}.sticky-qb__title{font-size:.95rem;font-weight:600;line-height:1.3;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--qb-fg)}.sticky-qb__price{display:inline-flex;align-items:baseline;gap:8px}.sticky-qb__price .cur{font-size:1.5rem;font-weight:700;color:rgb(var(--color-price, var(--color-foreground, 17,17,17)))}.sticky-qb__price .cmp{font-size:.9rem;opacity:.7;text-decoration:line-through;color:color-mix(in oklab,var(--qb-fg),transparent 30%)}.sticky-qb__badge{display:none!important}.sticky-qb__right{display:flex;align-items:center;gap:10px;min-width:220px}.sticky-qb__sel{min-width:170px;max-width:42vw;height:40px;padding:0 10px;border-radius:10px;background:#fff;color:#111;border:1px solid rgba(0,0,0,.12);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}.sticky-qb__btn{height:40px;padding:0 16px;border-radius:10px;border:0;cursor:pointer;font-weight:700;background:var(--qb-accent);color:var(--qb-accent-fg);white-space:nowrap;transition:transform .08s ease,opacity .2s ease,background .2s ease}.sticky-qb__btn:hover{opacity:.92}.sticky-qb__btn:active{transform:translateY(1px)}.sticky-qb__btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.sticky-qb{gap:10px;padding:10px}.sticky-qb__img{width:48px;height:48px}.sticky-qb__title{max-width:48vw}.sticky-qb__sel{min-width:140px;max-width:50vw;height:38px}.sticky-qb__btn{height:38px}}@media (max-width: 480px){:root{--qb-height: 86px}.sticky-qb{flex-wrap:wrap}.sticky-qb__right{width:100%;justify-content:space-between}.sticky-qb__sel{flex:1 1 auto;max-width:none}.sticky-qb__btn{flex:0 0 auto}}html.qb-drawer-open .sticky-qb{transform:translate(-50%,120%)!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}html.qb-drawer-open body.has-sticky-qb{padding-bottom:0!important}body.js-drawer-open .sticky-qb,body.drawer-open .sticky-qb,body.cart-open .sticky-qb,html.cart-open .sticky-qb,body.overflow-hidden .sticky-qb{transform:translate(-50%,120%)!important;opacity:0!important;pointer-events:none!important}.sticky-qb{background:var(--qb-bg)!important;color:var(--qb-fg)!important;mix-blend-mode:normal!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.sticky-qb button,.sticky-qb select{font:inherit!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;background-image:none!important;outline:0!important;border:none!important}.sticky-qb__sel{background:#fff!important;color:#111!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:10px!important;height:40px!important;padding:0 10px!important}.sticky-qb__btn{background:var(--qb-accent)!important;color:var(--qb-accent-fg)!important;height:40px!important;padding:0 16px!important;border-radius:10px!important;font-weight:700!important}.sticky-qb{position:fixed;left:0;right:0;bottom:max(0px,env(safe-area-inset-bottom));width:100vw;transform:translateY(0);padding:0;border-radius:0}.sticky-qb.qb-hidden{transform:translateY(120%);opacity:0;visibility:hidden;pointer-events:none}.sticky-qb__inner{width:min(var(--qb-max-width),100% - 24px);margin:0 auto;padding:5px 12px;display:flex;align-items:center;justify-content:space-between;gap:var(--qb-gap)}@media (max-width: 768px){.sticky-qb__inner{gap:10px;padding:10px 12px}}@media (max-width: 480px){.sticky-qb__inner{flex-wrap:wrap}.sticky-qb__right{width:100%;justify-content:space-between}}.sticky-qb__title{font-size:1.5rem;font-weight:800;line-height:1.25;letter-spacing:.2px}.sticky-qb__price .cur{font-size:1.7rem;font-weight:800;color:rgb(var(--qb-price-rgb))}.sticky-qb__price .cmp{font-size:1.02rem;opacity:.7}.sticky-qb__sel{min-width:200px;height:44px!important;padding:0 14px!important;border-radius:14px!important;border:2px solid rgba(var(--color-button, 17,17,17),.2)!important;background:rgba(var(--color-button, 17,17,17),.06)!important;color:#111!important;font-weight:600!important;outline:none!important}.sticky-qb__sel:hover{border-color:rgba(var(--color-button, 17,17,17),.32)!important}.sticky-qb__sel:focus{border-color:rgb(var(--color-button, 17,17,17))!important;box-shadow:0 0 0 3px rgba(var(--color-button, 17,17,17),.18)!important}.sticky-qb__btn{height:50px!important;padding:0 20px!important;border-radius:8px!important;background:rgb(var(--color-button, 59,130,246))!important;color:rgb(var(--color-button-text, 255,255,255))!important;font-weight:800!important;letter-spacing:.3px!important}.sticky-qb__img{width:56px;height:56px;border-radius:1px}.sticky-qb__inner{width:min(var(--qb-max-width),100% - 12px);margin:0 auto;padding:5px 12px;display:flex;align-items:center;justify-content:space-between;gap:var(--qb-gap)}@media (max-width: 480px){.sticky-qb__title{font-size:1.18rem}.sticky-qb__price .cur{font-size:1.26rem}.sticky-qb__sel{min-width:170px;height:42px!important}.sticky-qb__btn{height:42px!important}}@media (max-width: 768px){.sticky-qb__inner{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px}.sticky-qb__left,.sticky-qb__right{display:contents}.sticky-qb__img{grid-column:1;grid-row:1 / span 2;width:56px;height:56px;border-radius:1px}.sticky-qb__meta{grid-column:2;grid-row:1;display:grid;grid-template-rows:auto auto;gap:2px;width:100%;min-width:0;justify-self:stretch}.sticky-qb__sel{grid-column:2;grid-row:2;justify-self:stretch;width:100%;min-width:0;height:44px!important;padding:0 12px!important;border:2px solid rgba(var(--color-foreground,17,17,17),.18)!important;border-radius:12px!important;background:#fff!important;font-size:.88rem!important}.sticky-qb__btn{grid-column:3;grid-row:1 / span 2;justify-self:end;height:44px!important;padding:0 18px!important;border-radius:12px!important;white-space:nowrap}.sticky-qb__title{font-size:1.7rem;line-height:1.25;font-weight:700}.sticky-qb__price .cur{font-size:1.7rem;font-weight:700;color:rgb(var(--qb-price-rgb, 137,204,77))}.sticky-qb__price .cmp{font-size:1.02rem;opacity:.7}}@media (max-width: 420px){.sticky-qb__title{font-size:1.12rem}.sticky-qb__price .cur{font-size:1.3rem}}html body .sticky-qb .sticky-qb__selWrap{position:relative;display:inline-flex;align-items:center;min-width:70px;height:25px;padding-right:30px;border-radius:5px;border:1px solid rgb(var(--color-button, 17,17,17));background:color-mix(in oklab,rgb(var(--color-button, 17,17,17)) 10%,#fff);box-shadow:0 0 0 1px #00000008,0 2px 10px #0000000f;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}html body .sticky-qb .sticky-qb__selWrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;background-repeat:no-repeat;background-size:18px 18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}html body .sticky-qb .sticky-qb__selWrap:hover{border-color:color-mix(in oklab,rgb(var(--color-button, 17,17,17)) 90%,#000 0%)}html body .sticky-qb .sticky-qb__selWrap:focus-within{border-color:rgb(var(--color-button, 17,17,17));box-shadow:0 0 0 4px color-mix(in oklab,rgb(var(--color-button, 17,17,17)) 25%,transparent)}html body .sticky-qb .sticky-qb__sel{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;border:0!important;outline:none!important;height:100%!important;width:100%!important;padding:0 12px!important;color:#111!important;font-weight:400!important;border-radius:12px!important;background-clip:padding-box!important}@media (max-width: 768px){.sticky-qb__selWrap{grid-column:2;grid-row:2;justify-self:stretch;width:100%}.sticky-qb__sel{min-width:0!important;font-size:.88rem!important}}@media (max-width: 768px){html body .sticky-qb .sticky-qb__sel{font-size:.88rem!important}}.sticky-qb__price .cur{font-weight:700!important;color:rgb(var(--color-button, var(--color-foreground, 17,17,17)))!important}@media (max-width: 768px){.sticky-qb__price .cur{color:rgb(var(--color-button, var(--color-foreground, 17,17,17)))!important}}.sticky-qb__title{display:none!important}.sticky-qb__meta{grid-template-rows:auto!important;gap:2px!important}@media (max-width:768px){.sticky-qb__title{display:none!important}.sticky-qb__meta{grid-template-rows:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sticky-qb.css.map */