html.kc-lock{overflow:hidden}
.kc{position:fixed;inset:0 0 0 auto;margin:0 0 0 auto;width:min(440px,100vw);max-width:100vw;height:100%;max-height:100dvh;padding:0;border:0;background:#fff;color:var(--k-ink,#16202C);box-shadow:-20px 0 60px rgba(10,20,40,.18);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);font:400 15px/1.45 'Inter',system-ui,sans-serif;overflow:hidden;box-sizing:border-box}
.kc *,.kc *::before,.kc *::after{box-sizing:border-box}
.kc.is-in{transform:none}
.kc::backdrop{background:rgba(10,18,32,.5);opacity:0;transition:opacity .32s}
.kc.is-in::backdrop{opacity:1}
.kc[open]{display:flex}
.kc-in{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;position:relative;outline:none}
.kc-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.kc.is-busy .kc-list,.kc.is-busy .kc-foot,.kc.is-busy .kc-ship{opacity:.55;pointer-events:none;transition:opacity .15s}
.kc.is-busy .kc-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--k-blue,#002DE2),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:kc-load 1s linear infinite}
@keyframes kc-load{from{background-position:-50% 0}to{background-position:150% 0}}
.kc-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 16px 24px;border-bottom:1px solid var(--k-line,#E4E8EC);flex:none}
.kc-title{margin:0;font:700 21px/1.2 'Sora','Inter',sans-serif;color:var(--k-navy,#0B1530);letter-spacing:-.01em}
.kc-title span{margin-left:6px;font:500 14px/1 'Inter',sans-serif;color:var(--k-muted,#6B7480);letter-spacing:0}
.kc button{font:inherit;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;min-width:0;height:auto;line-height:1;cursor:pointer}
.kc button.kc-x{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border:0!important;border-radius:50%;background:transparent!important;color:var(--k-ink,#16202C)!important}
.kc button:focus:not(:focus-visible){outline:none}
.kc button.kc-x:hover{background:var(--k-soft,#F4F6F8)!important}
.kc-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 20px 0;padding:10px 14px;border-radius:10px;background:var(--k-soft,#F4F6F8);font-size:13.5px;color:#3B4654;flex:none}
.kc-undo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc button[data-kc-undo]{flex:none;padding:6px 4px!important;border:0!important;background:none!important;color:var(--k-blue,#002DE2)!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px}
.kc-ship{margin:14px 20px 4px;padding:12px 14px;border-radius:12px;background:rgba(var(--k-blue-rgb,0,45,226),.06);flex:none}
.kc-ship p{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:#2A3442}
.kc-ship p .kc-i{flex:none;color:var(--k-blue,#002DE2)}
.kc-ship b{color:var(--k-navy,#0B1530);font-weight:700}
.kc-ship.is-free{background:#ECFDF3}
.kc-ship.is-free p .kc-i{color:#15803D}
.kc-ship.is-free b{color:#15803D}
.kc-ship--glue{background:#FFF8E6}
.kc-ship--glue p .kc-i{color:#B45309}
.kc-ship-glue{display:block;margin-top:8px;font-size:12.5px;line-height:1.45;color:#92400E}
.kc-ship-glue b{color:#92400E}
.kc-bar{display:block;height:6px;margin-top:10px;border-radius:3px;background:rgba(var(--k-blue-rgb,0,45,226),.14);overflow:hidden}
.kc-bar i{display:block;height:100%;border-radius:3px;background:var(--k-blue,#002DE2);transition:width .5s ease}
.kc-ship.is-free .kc-bar{background:#C9F0D8}
.kc-ship.is-free .kc-bar i{background:#16A34A}
.kc-list{list-style:none;margin:0;padding:4px 20px 8px}
.kc-item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:16px 34px 16px 0;border-bottom:1px solid var(--k-line,#E4E8EC)}
.kc-item:last-child{border-bottom:0}
.kc-item.is-new{animation:kc-new 1.6s ease}
@keyframes kc-new{0%{background:rgba(var(--k-blue-rgb,0,45,226),.08)}100%{background:transparent}}
.kc-img{display:block;width:76px;height:76px;border-radius:10px;background:var(--k-soft,#F4F6F8);overflow:hidden}
.kc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.kc-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.kc-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--k-ink,#16202C)!important;font-weight:500;font-size:14.5px;line-height:1.35;text-decoration:none!important}
a.kc-name:hover{color:var(--k-blue,#002DE2)!important}
.kc-unit{font-size:12.5px;color:var(--k-muted,#6B7480)}
.kc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.kc-line{font:700 16px/1 'Sora','Inter',sans-serif;color:var(--k-navy,#0B1530);white-space:nowrap}
.kc-cur{font-size:.8em}
.kc-q1{font-size:13px;color:var(--k-muted,#6B7480)}
.kc-qty{display:inline-flex;align-items:center;height:36px;border:1px solid #D5DAE1;border-radius:9px;background:#fff;overflow:hidden}
.kc .kc-qty button{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:100%;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:var(--k-ink,#16202C)!important}
.kc .kc-qty button:hover{background:var(--k-soft,#F4F6F8)!important}
.kc-qty input{width:40px;height:100%;margin:0;padding:0!important;border:0!important;border-radius:0;background:transparent;text-align:center;font:600 14.5px/1 'Inter',sans-serif;color:var(--k-ink,#16202C);-moz-appearance:textfield;box-shadow:none!important;min-height:0!important}
.kc-qty input::-webkit-inner-spin-button,.kc-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.kc button.kc-rm{position:absolute;top:12px;right:-6px;display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;border:0!important;border-radius:50%;background:transparent!important;color:#8A93A0!important}
.kc button.kc-rm:hover{color:var(--k-red,#F40604)!important;background:#FFF1F1!important}
.kc-cross{margin:0 20px 12px;padding:14px 0 4px;border-top:1px solid var(--k-line,#E4E8EC);flex:none}
.kc-cross-t{margin:0 0 8px;font:600 14px/1.3 'Sora','Inter',sans-serif;color:var(--k-navy,#0B1530)}
.kc-cp{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0}
.kc-cp-img{display:block;width:52px;height:52px;border-radius:8px;background:var(--k-soft,#F4F6F8);overflow:hidden}
.kc-cp-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.kc-cp-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.kc-cp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--k-ink,#16202C)!important;text-decoration:none!important}
.kc-cp-name:hover{color:var(--k-blue,#002DE2)!important}
.kc-cp-price{font-size:13px;font-weight:600;color:var(--k-navy,#0B1530)}
.kc button.kc-cp-add{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;border:1px solid #D5DAE1!important;border-radius:9px;background:#fff!important;color:var(--k-blue,#002DE2)!important;transition:background .15s,border-color .15s}
.kc button.kc-cp-add:hover{border-color:var(--k-blue,#002DE2)!important;background:rgba(var(--k-blue-rgb,0,45,226),.06)!important}
.kc button.kc-cp-add.is-busy{opacity:.5;pointer-events:none}
.kc-foot{flex:none;display:flex;flex-direction:column;gap:10px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--k-line,#E4E8EC);background:#fff;box-shadow:0 -10px 24px rgba(10,20,40,.05)}
.kc-sum{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.kc-sum span{font-size:15px;color:#2A3442}
.kc-sum b{font:700 24px/1 'Sora','Inter',sans-serif;color:var(--k-navy,#0B1530)}
.kc-ship-note{margin:-2px 0 4px;font-size:12.5px;line-height:1.5;color:var(--k-muted,#6B7480)}
.kc-ship-note .kc-free{color:#15803D}
.kc-btn{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 18px;border-radius:12px;font:600 16px/1 'Inter',sans-serif!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;transition:background .15s,border-color .15s,color .15s}
.kc-btn--primary{background:var(--k-red,#F40604)!important;color:#fff!important;border:0}
.kc-btn--primary:hover{background:var(--k-red-d,#C30505)!important;color:#fff!important}
.kc-btn--ghost{min-height:46px;background:#fff!important;color:var(--k-navy,#0B1530)!important;border:1px solid #D5DAE1;font-size:15px!important}
.kc-btn--ghost:hover{border-color:var(--k-navy,#0B1530)}
.kc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:6px;padding:40px 28px;text-align:center}
.kc-empty-ico{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:10px;border-radius:50%;background:var(--k-soft,#F4F6F8);color:var(--k-navy,#0B1530)}
.kc-empty-t{margin:0;font:700 19px/1.3 'Sora','Inter',sans-serif;color:var(--k-navy,#0B1530)}
.kc-empty-s{margin:0 0 18px;font-size:14px;color:var(--k-muted,#6B7480)}
.kc-empty .kc-btn{width:100%;max-width:280px} body.kc-on a.added_to_cart.wc-forward{display:none!important}
@media (max-width:480px){
.kc{width:100vw;box-shadow:none}
.kc-head{padding:14px 12px 12px 18px}
.kc-list{padding:0 16px 8px}
.kc-ship,.kc-cross,.kc-undo{margin-left:16px;margin-right:16px}
.kc-foot{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){.kc,.kc::backdrop,.kc-bar i{transition:none}}