/* Basic layout */
.kr-wrapper{display:grid;grid-template-columns:22% 54% 24%;gap:22px;font-family:inherit}
.kr-left,.kr-center,.kr-right{background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,0.03)}
.kr-cats{margin-top:10px}
.kr-cat{padding:14px 10px;border-bottom:1px solid #eee;color:#666;cursor:pointer}
.kr-cat:hover{background:#fafafa}
.kr-search input{width:100%;padding:10px;border:1px solid #ddd;border-radius:3px}
.kr-product{display:flex;padding:12px;border-bottom:1px solid #f0f0f0;align-items:center}
.kr-thumb img{width:90px;height:70px;object-fit:cover;border-radius:4px}
.kr-meta{flex:1;padding-left:12px}
.kr-title{margin:0 0 6px 0;font-size:16px;color:#333}
.kr-desc{font-size:13px;color:#666;margin-bottom:8px}
.kr-bottom{display:flex;align-items:center;justify-content:space-between}
.kr-price{color:#d48b00;font-weight:600}
.kr-add-btn { background: #fff; border: 2px solid #d48b00; color: #d48b00; border-radius: 50%; width: 36px; height: 36px; font-size: 20px; cursor: pointer; display: flex ; align-items: center; justify-content: center; align-content: center; }
/* Right cart */
.kr-header{padding:12px;border-bottom:1px solid #eee;text-align:center;color:#444;font-weight:600}
.kr-checkout-btn-wrap{padding:12px}
.kr-checkout-btn{width:100%;background:#c9934b;color:#fff;padding:12px;border:none;border-radius:3px;cursor:pointer;font-weight:600}
.kr-cart{min-height:120px;padding:8px}
.kr-cart-item{display:flex;padding:10px;border-bottom:1px solid #eee;align-items:center}
.kr-item-left img{width:60px;height:50px;object-fit:cover;border-radius:4px}
.kr-item-mid{flex:1;padding-left:8px}
.kr-item-title{font-weight:600;color:#333}
.kr-item-note{font-size:13px;color:#777;margin-top:4px}
.kr-item-qty{margin-top:8px;display:flex;align-items:center;gap:8px}
.kr-cart-decrease,.kr-cart-increase{width:28px;height:28px;border-radius:50%;border:1px solid #d48b00;background:none;color:#d48b00;cursor:pointer}
.kr-item-right{text-align:right}
.kr-item-price{font-weight:600;color:#333}
.kr-cart-remove{background:none;border:none;color:#666;cursor:pointer;margin-top:6px}

/* Popup */
.kr-popup-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:9999}
.kr-popup{background:#fff;width:720px;max-width:95%;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.kr-popup-inner{display:flex}
.kr-popup-left{width:34%;padding:18px}
.kr-popup-left img{width:100%;height:auto;border-radius:6px;object-fit:cover}
.kr-popup-right{padding:18px;flex:1}
.kr-popup-title{margin:0 0 8px 0}
.kr-popup-desc{color:#666;font-size:14px;margin-bottom:12px}
.kr-popup-note input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}
.kr-popup-qty{display:flex;align-items:center;gap:10px;margin-top:12px}
.kr-qty-minus,.kr-qty-plus{width:34px;height:34px;border-radius:50%;border:1px solid #d48b00;background:none;color:#d48b00;cursor:pointer}
.kr-popup-actions{margin-top:12px}
.kr-add-final{width:100%;background:#c9934b;color:#fff;padding:12px;border:none;border-radius:4px;cursor:pointer;font-weight:700}
.kr-popup-close{position:absolute;right:12px;top:8px;border:none;background:none;font-size:26px;color:#666;cursor:pointer}