
.sqc-wrap{--sqc-border:#e5e7eb;--sqc-bg:#f7f8fa;--sqc-text:#172033;--sqc-muted:#667085;--sqc-soft:#eef2f6;max-width:1240px;width:100%;margin:36px auto;font-family:inherit;color:var(--sqc-text);container-type:inline-size}
.sqc-wrap *{box-sizing:border-box}.sqc-header{margin-bottom:24px}.sqc-header h2{font-size:clamp(30px,5vw,50px);line-height:1.08;margin:6px 0 12px}.sqc-header p{font-size:17px;color:var(--sqc-muted);max-width:760px;margin:0}.sqc-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--sqc-muted)}
.sqc-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.sqc-panel{min-width:0;background:#fff;border:1px solid var(--sqc-border);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(16,24,40,.05)}
.sqc-catalog-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}.sqc-catalog-head h3{font-size:24px;margin:0 0 4px}.sqc-catalog-head p{margin:0;color:var(--sqc-muted);font-size:14px}.sqc-result-count{white-space:nowrap;color:var(--sqc-muted);font-size:13px}.sqc-result-count strong{color:var(--sqc-text);font-size:18px}
.sqc-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 170px;gap:10px;margin-bottom:12px}.sqc-search-wrap{position:relative;min-width:0}.sqc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sqc-muted);font-size:18px;pointer-events:none}.sqc-toolbar input,.sqc-toolbar select,.sqc-wrap input,.sqc-wrap select,.sqc-wrap textarea{width:100%;max-width:100%;border:1px solid #cfd4dc;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:var(--sqc-text)}.sqc-search-wrap input{padding-left:36px}.sqc-toolbar input:focus,.sqc-toolbar select:focus,.sqc-wrap input:focus,.sqc-wrap select:focus,.sqc-wrap textarea:focus{outline:2px solid rgba(23,32,51,.12);border-color:#98a2b3}
.sqc-category-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 14px;scrollbar-width:thin;max-width:100%}.sqc-chip{flex:0 0 auto;border:1px solid var(--sqc-border);background:#fff;border-radius:999px;padding:7px 11px;white-space:nowrap;font:inherit;font-size:13px;font-weight:700;color:#475467;cursor:pointer}.sqc-chip:hover,.sqc-chip.is-active{background:var(--sqc-text);color:#fff;border-color:var(--sqc-text)}

/* Product browser: readable rows at every width */
.sqc-products{display:flex;flex-direction:column;gap:12px;min-width:0}.sqc-product{width:100%;min-width:0;border:1px solid var(--sqc-border);border-radius:14px;background:#fff;display:grid;grid-template-columns:112px minmax(0,1fr) 165px;align-items:stretch;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.sqc-product:hover{box-shadow:0 7px 20px rgba(16,24,40,.07);border-color:#cfd4dc}.sqc-product[hidden]{display:none!important}.sqc-product-image{min-height:128px;background:var(--sqc-bg);display:grid;place-items:center;overflow:hidden;color:var(--sqc-muted);font-size:12px;padding:12px;border-right:1px solid #f0f1f3}.sqc-product-image img{width:100%;height:100%;max-height:110px;object-fit:contain}.sqc-product-body{padding:16px;min-width:0;display:contents}.sqc-product-info{padding:16px;min-width:0;align-self:center}.sqc-product h4{margin:4px 0 6px;font-size:18px;line-height:1.25;overflow-wrap:normal;word-break:normal}.sqc-category-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--sqc-muted);font-weight:800}.sqc-package{font-size:13px;color:var(--sqc-muted);margin-bottom:8px}.sqc-exp-note{display:inline-block;max-width:100%;padding:5px 8px;border-radius:6px;background:var(--sqc-soft);font-size:11px;color:#475467}.sqc-product-footer{padding:16px;border-left:1px solid #f0f1f3;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;background:#fcfcfd}.sqc-payout{display:block;text-align:center}.sqc-payout span{display:block;font-size:10px;color:var(--sqc-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.sqc-payout strong{display:inline;font-size:26px;line-height:1}.sqc-payout small{display:block;font-size:11px;color:var(--sqc-muted);margin-top:3px}
.sqc-button{border:0;border-radius:9px;background:#172033;color:#fff;padding:10px 13px;font-weight:800;cursor:pointer;font:inherit}.sqc-button:disabled{opacity:.6;cursor:not-allowed}.sqc-add-button{width:100%;padding:11px 12px;display:flex;justify-content:center;gap:8px;align-items:center;font-size:14px}.sqc-add-button.is-added{background:#344054}.sqc-submit{font-size:16px;padding:14px 20px;margin-top:12px}
.sqc-cart-panel{position:sticky;top:24px}.sqc-cart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sqc-cart-heading h3{margin:2px 0 0;font-size:24px}.sqc-cart-count{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sqc-text);color:#fff;font-weight:800;font-size:13px}.sqc-cart-item{border-top:1px solid var(--sqc-border);padding:13px 0}.sqc-cart-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.sqc-cart-title strong{font-size:14px}.sqc-remove{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:#667085}.sqc-cart-grid,.sqc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sqc-cart-item label,.sqc-contact-panel label{display:block;font-size:12px;font-weight:700;margin-top:9px}.sqc-line-total{text-align:right;margin-top:9px;font-size:13px;color:var(--sqc-muted)}.sqc-total-row{display:flex;justify-content:space-between;gap:14px;border-top:2px solid var(--sqc-text);padding-top:13px;margin-top:8px;font-size:18px}.sqc-disclaimer{font-size:11px;color:var(--sqc-muted);line-height:1.45}.sqc-empty{padding:20px;text-align:center;color:var(--sqc-muted);background:var(--sqc-bg);border-radius:12px;font-size:13px}.sqc-empty span{display:block;margin-top:4px}.sqc-contact-panel{margin-top:22px}.sqc-contact-panel h3{margin-top:0;font-size:24px}.sqc-check{display:flex!important;gap:10px;align-items:flex-start}.sqc-check input{width:auto;margin-top:3px}.sqc-message{margin-top:14px;padding:0}.sqc-message.is-success,.sqc-message.is-error{padding:14px;border-radius:10px}.sqc-message.is-success{background:#ecfdf3}.sqc-message.is-error{background:#fff1f2}.sqc-admin-note{font-size:11px;color:var(--sqc-muted);margin-top:12px}

@container (max-width:850px){.sqc-layout{grid-template-columns:1fr}.sqc-cart-panel{position:static}.sqc-toolbar{grid-template-columns:1fr 1fr}.sqc-search-wrap{grid-column:1/-1}.sqc-toolbar #sqc-sort{grid-column:auto}}
@container (max-width:620px){.sqc-wrap{margin:18px auto}.sqc-panel{padding:14px;border-radius:14px}.sqc-catalog-head{align-items:start}.sqc-catalog-head p{display:none}.sqc-product{grid-template-columns:82px minmax(0,1fr)}.sqc-product-image{min-height:110px;padding:8px}.sqc-product-info{padding:12px}.sqc-product h4{font-size:16px;margin-top:3px}.sqc-product-footer{grid-column:1/-1;border-left:0;border-top:1px solid #f0f1f3;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:10px}.sqc-payout{text-align:left}.sqc-payout span,.sqc-payout small{display:inline;margin-right:4px}.sqc-payout strong{font-size:22px}.sqc-add-button{margin:0}.sqc-grid,.sqc-cart-grid{grid-template-columns:1fr}.sqc-result-count{font-size:11px}}
@container (max-width:400px){.sqc-toolbar{grid-template-columns:1fr}.sqc-search-wrap{grid-column:auto}.sqc-product{grid-template-columns:68px minmax(0,1fr)}.sqc-product-image{min-height:100px}.sqc-product-info{padding:10px}.sqc-product h4{font-size:15px}.sqc-product-footer{grid-template-columns:1fr 112px}.sqc-payout strong{font-size:20px}.sqc-chip{font-size:12px;padding:6px 9px}}

/* Fallbacks for themes/browsers without container queries */
@media(max-width:820px){.sqc-layout{grid-template-columns:1fr}.sqc-cart-panel{position:static}}
@media(max-width:520px){.sqc-toolbar{grid-template-columns:1fr}.sqc-product{grid-template-columns:72px minmax(0,1fr)}.sqc-product-footer{grid-column:1/-1;border-left:0;border-top:1px solid #f0f1f3}.sqc-grid,.sqc-cart-grid{grid-template-columns:1fr}}

/* v1.5 quote controls + per-product photos */
.sqc-clear-quote{width:100%;margin:0 0 10px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:9px;padding:8px 11px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.sqc-clear-quote:hover:not(:disabled){background:#f9fafb;border-color:#98a2b3}.sqc-clear-quote:disabled{opacity:.45;cursor:not-allowed}.sqc-photo-help{font-size:11px;line-height:1.4;color:var(--sqc-muted);margin:10px 0}.sqc-photo-field{margin-top:10px;padding:10px;background:var(--sqc-bg);border-radius:10px}.sqc-photo-field label{margin-top:0!important}.sqc-photo-field input[type=file]{margin-top:6px;padding:7px;background:#fff;font-size:12px}.sqc-photo-field small{display:block;margin-top:6px;color:var(--sqc-muted);font-size:10px;line-height:1.35}.sqc-optional{font-weight:500;color:var(--sqc-muted)}.sqc-photo-preview{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:#475467;min-width:0}.sqc-photo-preview img{width:54px;height:54px;object-fit:cover;border-radius:7px;border:1px solid #d0d5dd;background:#fff;flex:0 0 auto}.sqc-photo-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sqc-photo-placeholder{margin-top:7px;font-size:11px;color:var(--sqc-muted)}.sqc-remove-photo{margin-top:7px;border:0;background:transparent;padding:0;color:#b42318;text-decoration:underline;font:inherit;font-size:11px;cursor:pointer}

/* Configurable quote category fields */
#sqc-app .sqc-custom-fields{display:flex;flex-direction:column;gap:12px;margin:12px 0;min-width:0}
#sqc-app .sqc-custom-fields label{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
#sqc-app .sqc-custom-fields input,#sqc-app .sqc-custom-fields select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
