/* two-quote-email-20261017 · "Email me this quote" as a quiet outline button beside Continue to artwork (price card) and under
   Checkout (cart). The buttons only open the page's own email-quote field (#lo-eq); see two-quote-email.js. */
.tqe-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:44px;margin:0;padding:0 16px;
  border:1.5px solid var(--line,#DEDED8);border-radius:3px;background:#fff;color:var(--ink,#111);font:700 11.5px/1.2 var(--f,inherit);
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;visibility:hidden;
  transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
.tqe-btn svg{width:16px;height:16px;flex:none}
.tqe-btn:hover{border-color:var(--ink,#111)}
.tqe-btn:focus-visible{outline:2px solid var(--green,#1E4D3B);outline-offset:2px}
.tqe-btn[aria-expanded="true"]{border-color:var(--ink,#111)}
.tqe-ready .tqe-btn{visibility:visible}
.tqe-ready .tqe-btn.tqe-wait{visibility:hidden}
.tqe-btn.tqe-none{display:none!important}
/* price card, phones (one column): its own row right under Continue to artwork, reserved from the first paint */
.lo-buy>.tqe-btn{grid-column:-2/-1;justify-self:stretch;contain:inline-size;min-width:0;margin-top:-6px}
@media (max-width:480px){.lo-buy>.tqe-btn{grid-column:1/-1;width:100%}}
/* two columns (only once the script runs): the same grid cell as Continue to artwork, drawn 10 px under it with a transform, so
   nothing moves. Continue to artwork is pinned to the cell it already auto-fills (row 1, last column), so it cannot be displaced.
   The script sets the exact offset and gives the button its own row only if the price block is too short to hold it. */
@media (min-width:481px){
  .lo-buy>.tqe-btn{display:none}
  .tqe-ready .lo-buy>.tqe-btn{display:inline-flex}
  .tqe-ready .lo-buy>.lo-go1{grid-row:1;grid-column:-2/-1}
  .tqe-ready .lo-buy>.tqe-btn{grid-row:1;align-self:center;margin-top:0;transform:translateY(60px)}
  .tqe-ready .lo-buy>.tqe-btn.tqe-row2{grid-row:auto;align-self:auto;margin-top:-6px;transform:none!important}}
/* cart: a row under the button pair, under Checkout */
.tqe-cartrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.tqe-cartrow[hidden]{display:none}
.tqe-cartrow>.tqe-btn{grid-column:2;min-width:0}
@media (max-width:560px){.tqe-cartrow>.tqe-btn{grid-column:1/-1}}
/* the page's own "Not ready to order? Email me this quote" line is the same control; hidden only where this button sits right above it */
.lo-eq.tqe-noask .lo-eq-ask{display:none!important}