.khqc-shell{--khqc-blue:#214cdb;--khqc-pale:#eff6ff;--khqc-border:#bdd5ff;--khqc-ink:#111827;color:var(--khqc-ink);background:var(--khqc-pale);font-family:"Noto Sans Bengali",Arial,sans-serif;font-size:15px;line-height:1.55;text-align:left;box-sizing:border-box}
.khqc-shell *,.khqc-shell *::before,.khqc-shell *::after{box-sizing:border-box}
.khqc-dialog{padding:0;border:0;border-radius:22px;width:min(520px,calc(100vw - 20px));max-width:520px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);margin:auto;overflow:hidden;box-shadow:0 22px 80px #0005;color:#111827;background:#eff6ff}
.khqc-dialog::backdrop{background:rgba(0,0,0,.64);backdrop-filter:blur(2px)}
.khqc-dialog:not([open]){display:none}
.khqc-dialog[open]>.khqc-shell{display:flex;flex-direction:column;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}
.khqc-modal-open{overflow:hidden!important}
.khqc-page{max-width:600px;width:100%;margin:28px auto 50px;border:1px solid #d5e5ff;border-radius:22px;overflow:hidden;box-shadow:0 15px 45px #1529500a}
.khqc-shell .khqc-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #cddfff;flex-shrink:0;background:#eff6ff;position:relative}
.khqc-shell .khqc-header h2{color:#111827;font-family:inherit;font-size:17px;line-height:1.5;font-weight:700;margin:0;text-transform:none;letter-spacing:0}
.khqc-shell .khqc-header p{margin:0;font-size:13px;color:#374151}
.khqc-bag{display:grid;place-items:center;width:39px;height:39px;background:#dfeaff;border-radius:12px;color:#2757ee;flex-shrink:0}
.khqc-shell .khqc-close{display:grid;place-items:center;border:1px solid #bdd5ff;background:transparent;color:#172033;border-radius:50%;width:35px;height:35px;padding:7px;margin:0 0 0 auto;flex-shrink:0;min-width:35px;box-shadow:none;cursor:pointer}
.khqc-shell .khqc-close:hover{background:#dfeaff}
.khqc-mount{min-height:0;display:flex;flex-direction:column}
.khqc-shell .khqc-form{margin:0;padding:0;width:100%;display:flex;flex-direction:column;min-height:0}
.khqc-dialog .khqc-form{max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px)}
.khqc-body{padding:18px 20px 12px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#c1d7ff transparent}
.khqc-field{margin:0 0 10px}
.khqc-shell .khqc-field label{font-size:14px;font-weight:600;display:block;margin:0 0 5px;color:#374151}
.khqc-required{color:#ef4444;margin-left:3px}
.khqc-input-wrap{position:relative}
.khqc-input-wrap>span{position:absolute;top:14px;left:14px;color:#98a4b6;pointer-events:none;display:flex}
.khqc-shell .khqc-field input,.khqc-shell .khqc-field textarea{width:100%;height:50px;min-height:50px;margin:0;padding:12px 14px 10px 42px;border:1px solid #b6d0ff;border-radius:13px;background:#fff;color:#172033;font-family:inherit;font-size:15px;font-weight:400;line-height:1.6;box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.khqc-shell .khqc-field textarea{height:50px;resize:vertical;max-height:180px}
.khqc-shell .khqc-field input::placeholder,.khqc-shell .khqc-field textarea::placeholder{color:#929cac;opacity:1}
.khqc-shell .khqc-field input:focus,.khqc-shell .khqc-field textarea:focus{border-color:#4f78ff;box-shadow:0 0 0 3px #2860ef18}
.khqc-products{margin:12px 0 8px}
.khqc-product{border:1px solid #d0e1ff;border-radius:16px;background:linear-gradient(#edf3ff,#fff);display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;margin-bottom:10px}
.khqc-thumbnail img{width:55px;height:55px;object-fit:cover;border-radius:11px;display:block}
.khqc-shell .khqc-product h3{font-family:inherit;font-size:15px;font-weight:700;color:#111827;margin:0 0 3px;line-height:1.5;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.khqc-variation{font-size:12px;color:#7b8494;line-height:1.4}
.khqc-variation dl,.khqc-variation dd,.khqc-variation p{margin:0}
.khqc-variation dt,.khqc-variation dd{display:inline}
.khqc-quantity{display:flex;align-items:center;border:1px solid #b9d2ff;border-radius:10px;overflow:hidden;width:100px;height:35px;margin-top:8px;background:#fff}
.khqc-shell .khqc-quantity button{border:0;background:transparent;width:32px;min-width:32px;height:33px;padding:0;display:grid;place-items:center;font-family:Arial,sans-serif;color:#14233a;font-size:21px;line-height:1;font-weight:700;cursor:pointer;box-shadow:none;margin:0}
.khqc-shell .khqc-quantity input{width:34px;height:33px;padding:0;border:0;border-radius:0;background:#fff;margin:0;text-align:center;font-family:Arial,sans-serif;font-weight:700;font-size:14px;box-shadow:none;color:#14233a;-moz-appearance:textfield;appearance:textfield;min-width:0}
.khqc-quantity input::-webkit-inner-spin-button,.khqc-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.khqc-shell .khqc-quantity button:hover{background:#e6efff}
.khqc-shell button:disabled{opacity:.45;cursor:wait}
.khqc-line-price{font-size:14px;white-space:nowrap;text-align:right}
.khqc-shell .khqc-rates fieldset{border:0;margin:0 0 12px;padding:0;min-width:0}
.khqc-shell .khqc-rates legend{font-size:15px;font-weight:500;padding:0;margin-bottom:6px;color:#374151;line-height:1.5}
.khqc-shell .khqc-rate{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 16px;border:1px solid #b9d2ff;border-radius:15px;background:#fff;margin:0 0 9px;color:#111827;font-size:16px;font-weight:500;cursor:pointer}
.khqc-shell .khqc-rate.is-selected{border-color:#315bff;background:#e2ecff;box-shadow:0 0 0 3px #315bff29}
.khqc-shell .khqc-rate input{appearance:auto;accent-color:#2756ee;width:20px;height:20px;min-width:20px;margin:0;border:0;box-shadow:none;cursor:pointer}
.khqc-rate strong{font-family:Arial,sans-serif;font-size:14px;margin-left:auto;white-space:nowrap}
.khqc-totals{margin:4px 0 12px}
.khqc-total-card{border:1px solid #d0e1ff;border-radius:16px;padding:17px;background:linear-gradient(#edf3ff,#fff);font-family:Arial,sans-serif;font-size:14px}
.khqc-total-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 0}
.khqc-total-row>span:first-child{color:#727c8b}
.khqc-total-row>span:last-child{text-align:right}
.khqc-grand-total{font-size:19px;font-weight:800;margin-top:8px;border-top:1px solid #e2eaf6;padding-top:12px}
.khqc-grand-total>span:first-child{color:#111827}
.khqc-shell .woocommerce-Price-amount,.khqc-shell .woocommerce-Price-currencySymbol{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}

.khqc-shell a{color:#214cdb;text-decoration:underline}
.khqc-shell .khqc-footer{flex-shrink:0;padding:14px 20px 18px;border-top:1px solid #dbe5f1;background:#eff6ff;box-shadow:0 -6px 18px #1f355010}
.khqc-shell .khqc-submit{display:block;width:100%;height:auto;min-height:49px;padding:11px 10px;margin:0;border:1px solid #111827;border-radius:12px;background:#214cdb;color:#fff;font-family:inherit;font-size:17px;font-weight:800;line-height:1.5;letter-spacing:0;text-transform:none;box-shadow:0 7px 18px #2756ee18;cursor:pointer;transition:background .15s}
.khqc-shell .khqc-submit:hover{background:#153ec2}
.khqc-footer p{font-family:Arial,sans-serif;font-size:11px;text-align:center;color:#7c8594;margin:9px 0 0}
.khqc-loading{padding:40px 20px;text-align:center;color:#536079;margin:0}
.khqc-errors{margin:0 0 15px;padding:12px 14px;border:1px solid #f9a9a9;border-radius:12px;background:#fff1f2;color:#9f1239;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.khqc-errors[hidden]{display:none}
.khqc-errors ul,.khqc-errors .woocommerce-error{padding:0 0 0 18px;border:0;background:none;color:inherit;margin:0;list-style:disc}
.khqc-errors .woocommerce-error::before{display:none}
.khqc-shell :focus-visible{outline:2px solid #214cdb;outline-offset:3px}
.khqc-busy .khqc-products,.khqc-busy .khqc-rates,.khqc-busy .khqc-totals{opacity:.65}
@media(max-width:400px){.khqc-shell .khqc-header{padding:16px 14px;gap:9px}.khqc-shell .khqc-header h2{font-size:15px}.khqc-shell .khqc-header p{font-size:12px}.khqc-bag{width:33px;height:36px}.khqc-shell .khqc-close{width:30px;height:30px;min-width:30px;padding:6px}.khqc-body{padding:16px 14px 10px}.khqc-shell .khqc-footer{padding:13px 14px 16px}.khqc-product{padding:12px;gap:10px;grid-template-columns:45px minmax(0,1fr)}.khqc-thumbnail img{width:45px;height:55px}.khqc-line-price{grid-column:2;justify-self:end;margin-top:-35px;font-size:12px}.khqc-quantity{width:87px}.khqc-shell .khqc-quantity button{width:27px;min-width:27px}.khqc-shell .khqc-quantity input{width:31px}.khqc-shell .khqc-submit{font-size:15px}.khqc-shell .khqc-rate{padding:12px;font-size:15px}.khqc-grand-total{font-size:18px}.khqc-page{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.khqc-shell *{transition:none!important;scroll-behavior:auto!important}}

.khqc-page .khqc-body{overflow:visible;overscroll-behavior:auto;touch-action:pan-y}.khqc-dialog .khqc-body{overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.khqc-dialog .khqc-mount{flex:1;min-height:0}.khqc-dialog .khqc-form{flex:1;min-height:0}.khqc-dialog .khqc-body{flex:1;min-height:0}
.khqc-product{position:relative;padding-top:24px}.khqc-shell .khqc-remove{position:absolute;right:8px;top:6px;display:grid;place-items:center;width:25px;height:25px;min-width:25px;min-height:25px;margin:0;padding:0;border:1px solid #c7d9fa;border-radius:50%;background:#fff;color:#6b7280;font-family:Arial,sans-serif;font-size:21px;font-weight:400;line-height:1;box-shadow:none;cursor:pointer}.khqc-shell .khqc-remove:hover{color:#dc2626;border-color:#f5b0b0;background:#fff1f2}.khqc-status{margin-bottom:12px;padding:8px 10px;border-radius:8px;background:#e7f8ec;color:#176534;font-size:13px}.khqc-status[hidden]{display:none}.khqc-empty{padding:35px 20px;text-align:center}.khqc-shell .khqc-empty h3{font-family:inherit;font-size:18px;margin:0 0 8px}.khqc-empty p{font-size:14px;margin:0 0 18px}.khqc-shell .khqc-empty a{display:inline-block;padding:9px 20px;border-radius:10px;background:#214cdb;color:#fff;text-decoration:none}
/* On phones the entire form scrolls, including the submit footer. */
@media(max-width:767px){
.khqc-shell .khqc-field input,.khqc-shell .khqc-field textarea{font-size:16px}
.khqc-shell .khqc-field textarea{height:auto;min-height:76px;max-height:220px;resize:none;white-space:pre-wrap;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;word-break:normal;scrollbar-width:none;-ms-overflow-style:none}
.khqc-shell .khqc-field textarea[name="billing_address_1"]{min-height:100px}
.khqc-shell .khqc-field textarea::-webkit-scrollbar{display:none;width:0;height:0}
.khqc-dialog.khqc-visual-viewport{position:fixed;top:calc(var(--khqc-viewport-top,0px) + 8px);bottom:auto;left:0;right:0;margin:0 auto;height:calc(var(--khqc-viewport-height,100dvh) - 16px);max-height:calc(var(--khqc-viewport-height,100dvh) - 16px)}
.khqc-dialog[open]>.khqc-shell{height:100%;max-height:100%;display:block;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-padding:90px 0 16px}
.khqc-dialog .khqc-header{position:sticky;top:0;z-index:2}
.khqc-dialog .khqc-mount,.khqc-dialog .khqc-form{display:block;flex:none;max-height:none;overflow:visible}
.khqc-dialog .khqc-body{overflow:visible;flex:none;min-height:auto;overscroll-behavior:auto}
.khqc-shell .khqc-footer{position:static;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.khqc-page{overflow:visible}
}