/*
 * WEBGLOBE MAINTAINER NOTES
 *
 * Present a bounded comparison of selected kitchen products and their attributes.
 *
 * The selectors form a contract with the rendered markup and browser interactions. Preserve
 * keyboard focus, disabled/hidden states and the smaller-screen rules when adjusting the
 * cascade; an attractive desktop layout is not sufficient evidence of usable mobile forms.
 *
 * Kook & Ko owns a separate customer realm. Keep its account, stock and order identifiers scoped
 * to that shop when connecting this component to shared infrastructure. Demo prices and parcels
 * remain presentation and workflow examples.
 */
.k-compare-toggle{display:block;background:none;border:0;border-bottom:1px solid #a4ab94;padding:8px 0;margin-top:8px;font:inherit;font-size:12px;color:#505b39;cursor:pointer}.k-compare-toggle[aria-pressed=true]{font-weight:600}.kcmp-dock{position:fixed;bottom:20px;right:24px;z-index:35;display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fffefb;border:1px solid #d0d4c5;border-radius:10px;box-shadow:0 6px 28px #1f291c22;font-size:13px}.kcmp-dock[hidden]{display:none}.kcmp-dock .k-button{padding:10px 18px;min-height:40px}.kcmp-clear,.kcmp-remove{border:0;background:none;text-decoration:underline;color:#626a50;cursor:pointer;font-size:12px}.kcmp-dialog{width:min(1080px,96vw);max-height:90vh;border:1px solid #cdd2c3;border-radius:12px;padding:24px;background:#faf9f6;color:#252b20}.kcmp-dialog::backdrop{background:#15201488}.kcmp-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.kcmp-dialog h2{font:normal 30px/1.2 Georgia,serif;margin:0}.kcmp-close{border:0;background:none;font-size:28px;cursor:pointer}.kcmp-note{font-size:13px;line-height:1.6;color:#626957}.kcmp-table-wrap{overflow:auto;max-height:65vh}.kcmp-dialog table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;min-width:640px}.kcmp-dialog th,.kcmp-dialog td{padding:14px 16px;border-bottom:1px solid #dce0d1;text-align:left;vertical-align:top;overflow-wrap:anywhere}.kcmp-dialog tbody th{font-weight:500;background:#f0f1e9}.kcmp-dialog thead th{font-weight:500}.kcmp-dialog th:first-child{width:160px}.kcmp-dialog th img{display:block;width:100%;max-width:180px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:12px}.kcmp-dialog th a{display:block;color:inherit;text-decoration:none;font-size:15px;line-height:1.4}.kcmp-dialog th small{display:block;font-size:11px;font-weight:normal;margin:6px 0 12px;color:#626957}.kcmp-dialog .kcmp-remove{padding:0}.kcmp-dock button:disabled{opacity:.5;cursor:default}@media(max-width:720px){.kcmp-dock{right:12px;left:12px;bottom:14px;justify-content:space-between;gap:8px;padding:10px;font-size:11px}.kitchen-product .kcmp-dock{bottom:92px}.kcmp-dock .k-button{font-size:12px;padding:8px 12px}.kcmp-dialog{padding:16px}.kcmp-dialog h2{font-size:25px}.kcmp-dialog th:first-child{width:125px}.kcmp-dialog table{min-width:660px}.kcmp-dialog th,.kcmp-dialog td{padding:12px}.kcmp-dialog tbody th{position:sticky;left:0;z-index:1}}

.kcmp-swipe{display:none}@media(max-width:720px){.kcmp-swipe{display:block;font-size:12px;color:#505b39;margin:0 0 14px}}
@media(max-width:700px) and (max-height:450px) {
  .kitchen-product .kcmp-dock { bottom:14px; }
}