#kq-app{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172236;max-width:1320px;margin:20px auto 60px;font-size:15px}#kq-app *{box-sizing:border-box}#kq-app .kq-head{padding:36px 32px;background:#101d31;color:#fff;border-radius:20px;margin-bottom:24px}#kq-app .kq-head h2{color:#fff;font-size:36px;margin:12px 0}#kq-app .kq-head p{color:#d0d7e2}#kq-app .kq-pill{color:#8bd7e9;font-size:12px;font-weight:800;letter-spacing:2px}#kq-app .kq-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}#kq-app .kq-panel{border:1px solid #e4e9ef;border-radius:16px;background:#fff;padding:24px;margin-bottom:20px;box-shadow:0 7px 26px #14223a09}#kq-app .kq-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}#kq-app .kq-title b{background:#e9f7fa;color:#087e98;border-radius:9px;padding:10px}#kq-app h3{font-size:20px;margin:0;color:#14213a}#kq-app .kq-search{display:flex;gap:10px;margin-bottom:20px}#kq-app input,#kq-app select,#kq-app textarea{width:100%;min-height:40px;border:1px solid #d4dde7;border-radius:8px;padding:9px 10px;background:white;color:#152238}#kq-app label{display:block;font-size:13px;font-weight:650;margin:10px 0}#kq-app label input,#kq-app label select{margin-top:6px}#kq-app button{cursor:pointer;border:0;border-radius:9px;padding:10px 16px;background:#0b809c;color:#fff;font-weight:700;white-space:nowrap}#kq-app button:hover{filter:brightness(.94)}#kq-app button:disabled{opacity:.45;cursor:not-allowed}#kq-app .kq-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#kq-app .kq-product{border:1px solid #e5e9ef;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px}#kq-app .kq-product img{width:76px;height:82px;object-fit:contain}#kq-app .kq-product div{min-width:0;flex:1}#kq-app .kq-product strong{display:block;line-height:1.3}#kq-app .kq-product small{display:block;color:#657386;margin-top:7px}#kq-app .kq-product button{font-size:12px;padding:9px}#kq-app .kq-item{border:1px solid #e3e9ef;border-radius:12px;padding:18px;margin-bottom:16px}#kq-app .kq-itemtop,#kq-app .kq-logohead{display:flex;justify-content:space-between;align-items:center;gap:12px}#kq-app .kq-logohead{margin-top:14px}#kq-app .kq-logo{background:#f5f8fb;border-radius:12px;padding:14px;margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}#kq-app .kq-logo label:first-child{grid-column:1/-1}#kq-app button.kq-secondary{background:#e7f4f8;color:#076f86}#kq-app button.kq-danger{background:#fff1f0;color:#b23b31}#kq-app .kq-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}#kq-app .kq-check{display:flex;align-items:center;gap:10px}#kq-app .kq-check input{width:auto;min-height:0}#kq-app .kq-note{font-size:12px;line-height:1.6;color:#6a7788}#kq-app .kq-summary{position:sticky;top:22px}#kq-app .kq-sum,#kq-app .kq-total{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}#kq-app .kq-total{font-size:18px;border:0}#kq-app .kq-primary{width:100%;padding:15px}#kq-app #kq-status{padding:12px;color:#087e98;font-weight:700}@media(max-width:980px){#kq-app .kq-layout{grid-template-columns:1fr}#kq-app .kq-summary{position:static;grid-row:1}}@media(max-width:650px){#kq-app .kq-products,#kq-app .kq-fields,#kq-app .kq-logo{grid-template-columns:1fr}#kq-app .kq-product{flex-wrap:wrap}#kq-app .kq-head h2{font-size:28px}#kq-app .kq-panel{padding:16px}}

#kq-app .kq-matrix{margin:14px 0;padding:14px;border-radius:12px;background:#f4f8fb}#kq-app .kq-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}#kq-app .kq-sizes label{margin:0;background:#fff;padding:10px;border:1px solid #dce6ed;border-radius:9px}#kq-app .kq-sizes small{display:block;color:#657386;font-weight:400;margin:4px 0}#kq-app .kq-sizes input{margin-top:6px}#kq-app #kq-selected{scroll-margin-top:25px}

#kq-app .kq-preview{margin:18px 0;padding:14px;background:#f7fafc;border:1px solid #dfe8ef;border-radius:12px}#kq-app .kq-previewbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}#kq-app .kq-previewbar button{background:#e7eef5;color:#20354a;padding:7px 12px;margin-left:5px}#kq-app .kq-previewbar button.kq-active{background:#0b809c;color:white}#kq-app .kq-previewstage{position:relative;max-width:370px;aspect-ratio:1;margin:12px auto;background:white;border:1px solid #e4eaf0;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}#kq-app .kq-previewgarment{width:100%;height:100%;object-fit:contain}#kq-app .kq-previewlogo{position:absolute;height:auto;max-height:32%;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}#kq-app .kq-previewplaceholder{position:absolute;transform:translate(-50%,-50%);font-size:11px;background:#fff9;padding:4px;border:1px dashed #bbb}#kq-app .kq-previewshade{position:absolute;bottom:5px;left:5px;right:5px;text-align:center;font-size:11px;color:#586779;background:#ffffffe6}#kq-app .kq-logo label{min-width:0}

#kq-app .kq-movable{position:absolute;transform:translate(-50%,-50%);touch-action:none;cursor:grab;user-select:none;border:1px dashed #0b809c;min-width:16px;z-index:2}#kq-app .kq-movable.kq-dragging{cursor:grabbing}#kq-app .kq-movable img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;pointer-events:none}#kq-app .kq-movable .kq-resize{position:absolute;right:-12px;bottom:-12px;width:27px;height:27px;min-width:27px;padding:0;border:2px solid white;border-radius:50%;font-size:14px;touch-action:none;cursor:nwse-resize;background:#0b809c;color:white}#kq-app .kq-previewshade{pointer-events:none}

#kq-app .kq-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}#kq-app .kq-filterlabel{margin:0;font-size:12px}#kq-app .kq-resultcount{color:#617086;font-size:13px;margin:8px 0 14px}@media(max-width:850px){#kq-app .kq-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){#kq-app .kq-filters{grid-template-columns:1fr}}

#kq-app .kq-previewgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}#kq-app .kq-previewside{text-align:center;min-width:0}#kq-app .kq-previewside .kq-previewstage{width:100%;margin:8px auto;max-width:none}#kq-app .kq-backmissing{padding:16px;color:#596b7a;font-size:13px}#kq-app .kq-previewside .kq-movable{max-width:90%}@media(max-width:540px){#kq-app .kq-previewgrid{gap:6px}#kq-app .kq-previewside .kq-previewstage{aspect-ratio:3/4}}

/* Full-width product-page integration, outside the native purchase form. */
#kq-app[data-product-id]:not([data-product-id="0"]){clear:both;width:100%;grid-column:1/-1}#kq-app .kq-itemtop{flex-wrap:wrap}#kq-app main{min-width:0}

/* Product summary: fit the configurator below the product metadata. */
.single-product .summary #kq-app{margin:24px 0 0;max-width:100%;font-size:14px}
.single-product .summary #kq-app .kq-layout{grid-template-columns:minmax(0,1fr)}
.single-product .summary #kq-app .kq-summary{position:static;grid-row:auto}
.single-product .summary #kq-app .kq-head{padding:20px 18px;border-radius:12px;margin-bottom:16px}
.single-product .summary #kq-app .kq-head h2{font-size:25px;line-height:1.25}
.single-product .summary #kq-app .kq-panel{padding:16px;margin-bottom:16px}
.single-product .summary #kq-app .kq-item{padding:12px}
.single-product .summary #kq-app .kq-logo,.single-product .summary #kq-app .kq-fields{grid-template-columns:minmax(0,1fr)}
.single-product .summary #kq-app .kq-itemtop strong{flex:1 1 100%}
.single-product .summary #kq-app .kq-title{gap:8px}
.single-product .summary #kq-app h3{font-size:18px;line-height:1.3}
.single-product .summary #kq-app .kq-sizes{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}
.single-product .summary #kq-app button{white-space:normal}
.single-product .summary #kq-app .kq-previewgrid{gap:6px}

#kq-app .kq-extra-logo{margin-top:10px;margin-bottom:16px}
#kq-app .kq-extra-logo button{display:block;width:100%;white-space:normal}