/* Order basket component: approved KISSRING tokens (design-system/tokens.css), mirrors the account dialog. */
.kr-basket-entry{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--kr-space-2);min-width:var(--kr-touch);min-height:var(--kr-touch);padding:var(--kr-space-2) var(--kr-space-3);border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:var(--kr-surface);color:var(--kr-text);font:600 14px/1.5 var(--kr-font-ui);cursor:pointer}
.kr-basket-entry:hover{background:var(--kr-surface-pink)}
.kr-basket-count:empty{display:none}
.kr-basket-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--kr-radius-pill);background:var(--kr-action);color:#fff;font:700 11px/1 var(--kr-font-ui)}
.kr-header-actions{position:absolute;top:var(--kr-space-6);right:var(--kr-space-6);z-index:6;display:flex;gap:var(--kr-space-2)}
.kr-header-actions>.kr-account-entry{position:static}
.kr-product-nav .kr-account-slot{gap:var(--kr-space-2)}
.kr-basket-entry:focus-visible,.kr-basket-dialog button:focus-visible,.kr-basket-dialog a:focus-visible,.kr-basket-dialog select:focus-visible,.kr-basket-add:focus-visible{outline:3px solid var(--kr-focus);outline-offset:3px}

.kr-basket-dialog{width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:var(--kr-space-6);border:1px solid var(--kr-border);border-radius:var(--kr-radius-dialog);background:var(--kr-surface);color:var(--kr-text);font:400 14px/1.65 var(--kr-font-ui);box-shadow:0 24px 80px #342b3026}
.kr-basket-dialog::backdrop{background:#342b3066;backdrop-filter:blur(3px)}
.kr-basket-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kr-space-4);margin-bottom:var(--kr-space-4)}
.kr-basket-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--kr-text-secondary);margin:0 0 var(--kr-space-1)}
.kr-basket-dialog h2{margin:0;font:600 24px/1.3 var(--kr-font-ui);color:var(--kr-text)}
.kr-basket-dialog button,.kr-basket-dialog select{font:600 14px/1.5 var(--kr-font-ui);color:var(--kr-text);cursor:pointer}
.kr-basket-close{min-width:var(--kr-touch);height:var(--kr-touch);padding:0;border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:transparent;font-size:24px!important}
.kr-basket-dialog [hidden]{display:none!important}
.kr-basket-dialog a{color:var(--kr-action)}

.kr-basket-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--kr-border)}
.kr-basket-line{display:grid;grid-template-columns:64px 1fr;gap:var(--kr-space-3);padding:var(--kr-space-4) 0;border-bottom:1px solid var(--kr-border)}
.kr-basket-line.is-unavailable{background:transparent}
.kr-basket-line.is-unavailable .kr-basket-thumb{opacity:.6}
.kr-basket-thumb{display:block;width:64px;height:64px;border-radius:var(--kr-radius-control);background:var(--kr-surface-pink);overflow:hidden}
.kr-basket-thumb img{width:100%;height:100%;object-fit:contain}
.kr-basket-text{display:flex;flex-direction:column;min-width:0;color:var(--kr-text-secondary);overflow-wrap:anywhere}
.kr-basket-text a{text-decoration:none}
.kr-basket-text strong{color:var(--kr-text);font-weight:700}
.kr-basket-controls{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:var(--kr-space-2) var(--kr-space-3)}
.kr-basket-controls select{min-width:72px;min-height:var(--kr-touch);padding:0 var(--kr-space-3);border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:var(--kr-surface)}
.kr-basket-line-total{font-weight:800;color:var(--kr-text)}
.kr-basket-remove{min-height:var(--kr-touch);margin-left:auto;padding:0 var(--kr-space-3);border:0;border-radius:var(--kr-radius-pill);background:transparent;color:var(--kr-action)!important;text-decoration:underline}
.kr-basket-remove:hover{background:var(--kr-surface-pink)}
.kr-basket-line.is-unavailable:not(:has(.kr-basket-thumb)){grid-template-columns:1fr auto}
.kr-basket-line.is-unavailable:not(:has(.kr-basket-thumb)) .kr-basket-remove{align-self:center}
.kr-basket-warn{color:var(--kr-error-text)!important;font-size:13px;line-height:1.6}
.kr-basket-summary{display:flex;justify-content:space-between;align-items:baseline;gap:var(--kr-space-3);margin-top:var(--kr-space-4);font-weight:600}
.kr-basket-summary small{font-weight:400;color:var(--kr-text-secondary)}
.kr-basket-summary strong{font-size:20px;font-weight:800}
.kr-basket-note{font-size:13px;line-height:1.7;color:var(--kr-text-secondary)}
.kr-basket-actions{display:grid;gap:var(--kr-space-3);margin-top:var(--kr-space-4)}
.kr-basket-primary,.kr-basket-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--kr-space-3) var(--kr-space-5);border-radius:var(--kr-radius-control);font:600 14px/1.5 var(--kr-font-ui);text-decoration:none;text-align:center}
.kr-basket-primary{border:1px solid var(--kr-action);background:var(--kr-action);color:#fff!important}
.kr-basket-primary:hover{background:var(--kr-action-hover)}
.kr-basket-primary:disabled{opacity:.55;cursor:not-allowed}
.kr-basket-secondary{border:1px solid var(--kr-border);background:transparent;color:var(--kr-text)!important}
.kr-basket-secondary:hover{background:var(--kr-surface-pink)}
.kr-basket-clear{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--kr-space-2);margin-top:var(--kr-space-4);color:var(--kr-text-secondary)}
.kr-basket-clear button{min-height:var(--kr-touch);padding:0 var(--kr-space-3);border:0;border-radius:var(--kr-radius-pill);background:transparent;color:var(--kr-text-secondary)!important;text-decoration:underline}
.kr-basket-clear [data-basket-clear-yes]{color:var(--kr-error-text)!important}
.kr-basket-empty{text-align:center;padding:var(--kr-space-4) 0}
.kr-basket-empty .kr-basket-secondary{display:inline-flex}
.kr-basket-status{margin:var(--kr-space-3) 0 0;min-height:22px;color:var(--kr-text-secondary)}
.kr-basket-status.is-error{color:var(--kr-error-text)}
.kr-basket-fallback{width:100%;min-height:160px;margin-top:var(--kr-space-2);padding:var(--kr-space-3);border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);font:400 13px/1.6 var(--kr-font-ui);color:var(--kr-text);background:var(--kr-surface)}
.kr-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


@media(max-width:760px){
 .kr-header-actions{top:var(--kr-space-5);right:18px}
 .kr-basket-label{display:none}
 .kr-basket-entry{padding:var(--kr-space-2)}
 .kr-basket-count{position:absolute;top:-6px;right:-6px}
 .kr-product-nav-inner{grid-template-columns:96px 1fr 96px!important}
 .kr-product-nav .kr-account-slot{width:96px}
 .kr-basket-dialog{padding:var(--kr-space-5)}
}
@media(prefers-reduced-motion:reduce){.kr-basket-dialog::backdrop{backdrop-filter:none}}

/* One-tap Instagram order: [Instagram-аар захиалах][bag icon] in one row. The primary copies the message and opens the chat in the same tap. */
.order-block.kr-order{display:grid;gap:var(--kr-space-3)}
.kr-order-row{display:flex;align-items:stretch;gap:var(--kr-space-3)}
.kr-order-primary,.kr-basket-dialog .kr-order-primary{display:flex;align-items:center;justify-content:center;gap:10px;flex:1 1 auto;min-width:0;width:100%;min-height:56px;padding:var(--kr-space-3) var(--kr-space-5);border:1px solid var(--kr-action);border-radius:var(--kr-radius-control);background:var(--kr-action);color:#fff!important;font:600 15px/1.4 var(--kr-font-ui);text-decoration:none!important;box-sizing:border-box}
.kr-order-primary:hover{background:var(--kr-action-hover)}
.kr-order-arrow{font-size:14px;opacity:.85}
.kr-basket-add-icon{position:relative;flex:0 0 56px;display:grid;place-items:center;width:56px;min-height:56px;padding:0;border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:var(--kr-surface);color:var(--kr-action);cursor:pointer;transition:background .15s ease,border-color .15s ease}
.kr-basket-add-icon:hover{background:var(--kr-surface-pink)}
.kr-basket-add-icon.is-added{background:var(--kr-success-bg);border-color:var(--kr-success-text);color:var(--kr-success-text)}
.kr-basket-add-icon.is-added::after{content:"✓";position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--kr-success-text);color:#fff;font:700 12px/1 var(--kr-font-ui)}
.kr-order-primary:focus-visible,.kr-basket-add-icon:focus-visible{outline:3px solid var(--kr-focus);outline-offset:3px}
/* Success is announced to screen readers only; a failed copy is shown with the manual-copy text. */
.kr-order-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kr-order-status.is-error{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0;font:400 13px/1.6 var(--kr-font-ui);color:var(--kr-error-text)}
.order-block.kr-order .copy-fallback{width:100%;min-height:150px;padding:var(--kr-space-3);border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);font:400 13px/1.6 var(--kr-font-ui);color:var(--kr-text);background:var(--kr-surface)}
.kr-order-primary span{white-space:nowrap}
@media(max-width:420px){.kr-order-row{gap:var(--kr-space-2)}.kr-order-row .kr-order-primary{gap:8px;padding:var(--kr-space-3);font-size:14px}.kr-order-row .kr-order-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.kr-basket-add-icon{transition:none}}

/* Product share icon beside the heart (2026-11-09). */
.kr-meta-actions{display:flex;align-items:center;gap:var(--kr-space-2)}
.kr-share{display:grid;place-items:center;width:var(--kr-touch);height:var(--kr-touch);padding:0;border:1px solid var(--kr-border);border-radius:var(--kr-radius-pill);background:var(--kr-surface);color:var(--kr-action);cursor:pointer}
.kr-share:hover{background:var(--kr-surface-pink)}
.kr-share:focus-visible{outline:3px solid var(--kr-focus);outline-offset:3px}