.cc-products-overlay{position:fixed;inset:0;z-index:16000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.6)}
.cc-products-dialog{--ps-bg:#101b30;--ps-surface:#172640;--ps-border:#71839f;--ps-muted:#bccbe0;--ps-ink:#f1f5f9;background:var(--ps-bg);color:var(--ps-ink);width:min(960px,100%);max-height:calc(100dvh - 40px);border:1px solid var(--ps-border);border-radius:18px;display:flex;flex-direction:column;box-shadow:0 22px 65px #0005;font-size:14px;line-height:1.5;overflow:hidden}
html[data-cc-theme="light"] .cc-products-dialog{--ps-bg:#fff;--ps-surface:#f1f5f9;--ps-border:#64748b;--ps-muted:#475569;--ps-ink:#0f172a}
.cc-products-dialog header,.cc-products-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--ps-surface)}
.cc-products-dialog header{border-bottom:1px solid var(--ps-border)}.cc-products-dialog footer{border-top:1px solid var(--ps-border)}
.cc-products-dialog h2{font-size:24px;font-weight:750}.cc-products-dialog h3{font-size:18px;font-weight:700;margin:12px 0}.cc-products-dialog h4{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.cc-products-body{overflow:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:16px}.cc-products-muted,.cc-products-dialog small{color:var(--ps-muted)}
.cc-products-dialog button{min-height:44px;border:1px solid var(--ps-border);border-radius:8px;background:var(--ps-surface);color:var(--ps-ink);padding:7px 12px;font-weight:650;cursor:pointer;flex-shrink:0}.cc-products-dialog button:hover:not(:disabled){filter:brightness(1.12)}.cc-products-dialog button:disabled{opacity:.5;cursor:not-allowed}
.cc-products-dialog :focus-visible{outline:3px solid #0ea5e9;outline-offset:3px}.cc-products-dialog .cc-products-primary{background:#0369a1;color:white;border-color:#0369a1}
.cc-products-dialog label{display:flex;flex-direction:column;gap:6px;font-weight:600}.cc-products-dialog input:not([type="checkbox"]),.cc-products-dialog select,.cc-products-dialog textarea{min-height:44px;padding:9px;border:1px solid var(--ps-border);border-radius:8px;background:var(--ps-bg);color:var(--ps-ink);width:100%}.cc-products-dialog textarea{resize:vertical;min-height:75px}
.cc-products-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-products-results article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--ps-border);border-radius:10px;min-width:0}.cc-products-results article>div{flex:1;min-width:0;overflow-wrap:anywhere}.cc-products-results img,.cc-products-noimage{width:60px;height:60px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:6px}.cc-products-noimage{background:var(--ps-surface);font-size:12px;display:grid;place-items:center}
.cc-products-dialog nav,.cc-products-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cc-products-dialog nav{margin-top:12px}.cc-products-preview{padding:16px;border:1px solid var(--ps-border);border-radius:12px;margin-top:12px;display:flex;flex-direction:column;gap:10px}.cc-products-description{white-space:pre-wrap;overflow-wrap:anywhere}
.cc-products-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.cc-products-gallery label{flex-direction:row;align-items:center;font-size:12px;min-height:36px}.cc-products-gallery input{width:20px;height:20px;accent-color:#0284c7}.cc-products-dialog .cc-products-zoom{padding:0;overflow:hidden;width:100%;height:120px;background:#fff}.cc-products-zoom img{width:100%;height:100%;object-fit:contain}
.cc-products-error{color:#fda4af;overflow-wrap:anywhere}html[data-cc-theme="light"] .cc-products-error{color:#b91c1c}.cc-products-enlarged{border:1px solid var(--ps-border);padding:12px;border-radius:12px}.cc-products-enlarged img{display:block;max-height:65dvh;width:100%;object-fit:contain;margin-top:10px}
@media(max-width:700px){.cc-products-overlay{padding:8px}.cc-products-dialog{max-height:calc(100dvh - 16px)}.cc-products-dialog header,.cc-products-dialog footer,.cc-products-body{padding:12px}.cc-products-results{grid-template-columns:1fr}.cc-products-results article button{padding:7px}.cc-products-dialog footer{flex-wrap:wrap}.cc-products-dialog footer button{width:100%}.cc-products-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}