.qof-wrapper{padding-block:2.5rem}.qof-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.qof-header h1{margin:0 0 .35rem;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.2}.qof-header__intro{color:rgba(var(--color-foreground),.65);margin:0;font-size:.95rem}.qof-header__actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;flex-shrink:0}.qof-cart-summary{display:flex;align-items:center;gap:.4rem;font-size:.88rem;white-space:nowrap}.qof-cart-summary__sep{opacity:.35}.qof-cart-summary__count,.qof-cart-summary__total{font-weight:700;font-size:.95rem}.qof-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.qof-controls__left,.qof-controls__right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.qof-search-wrap{position:relative}.qof-search-icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:rgba(var(--color-foreground),.45);pointer-events:none}.qof-search{padding:.55rem .85rem .55rem 2.25rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 4px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:.88rem;width:clamp(180px,28vw,280px);outline-offset:2px}.qof-search:focus{border-color:rgb(var(--color-foreground))}.qof-sort-label{font-size:.82rem;color:rgba(var(--color-foreground),.55);white-space:nowrap}.qof-sort-group{display:flex;gap:0;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 4px);overflow:hidden}.qof-sort-btn{padding:.45rem .85rem;border:none;border-left:.1rem solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.65);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;display:flex;align-items:center;gap:.25rem}.qof-sort-btn:first-child{border-left:none}.qof-sort-btn:hover{background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground))}.qof-sort-btn--active{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-weight:700}.qof-sort-arrow{font-size:.75rem;display:inline-block;width:.85em;text-align:center}.qof-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 6px)}.qof-table{width:100%;border-collapse:collapse;font-size:.88rem}.qof-table__head th{padding:.7rem .85rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;background:rgba(var(--color-foreground),.04);border-bottom:.1rem solid rgba(var(--color-foreground),.1);white-space:nowrap}.qof-table__body .qof-row{border-bottom:.1rem solid rgba(var(--color-foreground),.07);transition:background .12s}.qof-table__body .qof-row:last-child{border-bottom:none}.qof-table__body .qof-row:hover{background:rgba(var(--color-foreground),.025)}.qof-table__body .qof-row--unavailable{opacity:.5}.qof-table__body td{padding:.65rem .85rem;vertical-align:middle}.qof-col-img{width:52px}.qof-col-title{min-width:160px}.qof-col-sku{min-width:100px;color:rgba(var(--color-foreground),.55);font-size:.8rem}.qof-col-vendor{min-width:90px;font-size:.83rem}.qof-col-variant{min-width:150px}.qof-col-price{min-width:90px;white-space:nowrap}.qof-col-qty{min-width:120px}.qof-col-line{min-width:90px;text-align:right;font-weight:600;white-space:nowrap}.qof-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;display:block}.qof-thumb--placeholder{background:rgba(var(--color-foreground),.08);border-radius:4px;width:40px;height:40px}.qof-mobile-price{display:none;font-size:.82rem;color:rgba(var(--color-foreground),.65);margin-top:.15rem}.qof-product-link{color:rgb(var(--color-foreground));text-decoration:none;font-weight:500;line-height:1.3}.qof-product-link:hover{text-decoration:underline}.qof-badge{display:inline-block;padding:.1rem .45rem;border-radius:20px;font-size:.7rem;font-weight:600;margin-left:.35rem;vertical-align:middle}.qof-badge--oos{background:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.55)}.qof-price{font-weight:600}.qof-compare-price{font-size:.78rem;color:rgba(var(--color-foreground),.4);margin-left:.25rem}.qof-variant-select{font-size:.83rem;padding:.38rem .55rem;max-width:180px;width:100%}.qof-qty-wrapper{display:flex;align-items:center;width:fit-content;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 4px);overflow:hidden}.qof-qty-btn{width:34px;height:38px;border:none;background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s;touch-action:manipulation}.qof-qty-btn:hover:not(:disabled){background:rgba(var(--color-foreground),.1)}.qof-qty-btn:disabled{opacity:.3;cursor:not-allowed}.qof-qty-input{width:46px;height:38px;border:none;border-left:.1rem solid rgba(var(--color-foreground),.15);border-right:.1rem solid rgba(var(--color-foreground),.15);text-align:center;font-size:.9rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));-moz-appearance:textfield}.qof-qty-input::-webkit-outer-spin-button,.qof-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.qof-qty-input:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.qof-empty{padding:3rem;text-align:center;color:rgba(var(--color-foreground),.45)}.qof-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;background:var(--color-base-background-1, #fff);border-top:.1rem solid rgba(var(--color-foreground),.12);box-shadow:0 -4px 24px #00000026;transform:translateY(100%);transition:transform .25s ease;padding:.8rem 0;padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}.qof-sticky-bar--visible{transform:translateY(0)}.qof-sticky-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-inline:1.5rem}.qof-sticky-bar__summary{display:flex;gap:1.25rem;font-size:.92rem}.qof-login-gate{padding:5rem 1.5rem}.qof-login-gate__inner{max-width:440px;margin:0 auto;text-align:center}.qof-login-gate__inner h2{margin-bottom:1rem}.qof-login-gate__inner p{margin-bottom:2rem;color:rgba(var(--color-foreground),.7)}.qof-toast{position:fixed;bottom:5rem;right:1.25rem;padding:.8rem 1.4rem;border-radius:var(--inputs-radius, 6px);font-size:.88rem;font-weight:500;z-index:200;max-width:360px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none}.qof-toast--visible{opacity:1;transform:translateY(0)}.qof-toast--success{background:#1a7a4a;color:#fff}.qof-toast--error{background:#c0392b;color:#fff}.qof-add-btn{white-space:nowrap}@media(max-width:900px){.qof-controls{flex-direction:column;align-items:stretch;gap:.75rem}.qof-controls__left,.qof-controls__right{width:100%;justify-content:space-between}.qof-search{width:100%}.qof-search-wrap{flex:1}}@media(max-width:649px){.qof-table__head,.qof-col-sku,.qof-col-vendor,.qof-col-price,.qof-col-line{display:none}.qof-mobile-price{display:block}.qof-table,.qof-table tbody,.qof-table tr,.qof-table td{display:block;width:100%}.qof-row{display:grid;grid-template-columns:48px 1fr auto;grid-template-areas:"img  title  qty" "img  variant qty";align-items:center;gap:.4rem .75rem;padding:.85rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.qof-col-img{grid-area:img;padding:0}.qof-col-title{grid-area:title;padding:0;font-size:.88rem}.qof-col-variant{grid-area:variant;padding:0}.qof-col-qty{grid-area:qty;padding:0;justify-self:end}.qof-qty-btn{width:38px;height:42px;font-size:1.2rem}.qof-qty-input{width:40px;height:42px;font-size:.95rem}.qof-variant-select{font-size:.8rem;max-width:100%}.qof-header{flex-direction:column;gap:.85rem}.qof-header__actions{width:100%;justify-content:space-between}.qof-sort-group{overflow-x:auto;-webkit-overflow-scrolling:touch}.qof-sticky-bar__summary{gap:.85rem;font-size:.85rem}.qof-table-wrapper{border-left:none;border-right:none;border-radius:0;margin-inline:-1.5rem}.qof-toast{left:1rem;right:1rem;bottom:5.5rem;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/quick-order-form.css.map */