.drawer{position:fixed;inset:0;z-index:90;background:#0a0a0e8c;opacity:0;transition:opacity .3s var(--ease-out)}.drawer.is-on{opacity:1}.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--paper-50);display:flex;flex-direction:column;transform:translate(100%);transition:transform .46s var(--ease-out);box-shadow:-30px 0 70px -40px #0009}.drawer.is-on .drawer__panel{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) var(--s5) var(--s4);border-bottom:1px solid var(--hairline)}.drawer__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--vermilion-500);color:var(--ink-900);font-size:11px;font-weight:700;margin-left:6px;vertical-align:middle}.drawer__body{flex:1;overflow-y:auto;padding:var(--s4) var(--s5);overscroll-behavior:contain}.drawer__foot{padding:var(--s5);border-top:1px solid var(--hairline);background:var(--paper-100)}.drawer__sum{display:flex;justify-content:space-between;align-items:baseline;font-size:1rem;margin-bottom:2px}.drawer__sum strong{font-family:var(--ff-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.drawer__foot .btn{margin-top:var(--s4)}.drawer__hint{text-align:center;margin-top:8px;color:var(--text-500)}.drawer__cont{margin-top:10px;width:100%;justify-content:center}.shipbar{padding:var(--s4) var(--s5) 0}.shipbar__track{height:4px;border-radius:2px;background:var(--paper-200);overflow:hidden}.shipbar__fill{display:block;height:100%;background:var(--vermilion-500);transform-origin:left;transform:scaleX(0);transition:transform .62s var(--ease-out)}.shipbar.is-reached .shipbar__fill{background:var(--ok-500)}.shipbar__txt{margin-top:8px;font-weight:500;color:var(--text-600)}.shipbar.is-reached .shipbar__txt{color:var(--ok-600)}.clines{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}.cline{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:start;padding-bottom:var(--s4);border-bottom:1px solid var(--hairline)}.cline:last-child{border-bottom:0;padding-bottom:0}.cline__img img{width:72px;height:90px;object-fit:cover;border-radius:12px;background:var(--paper-200)}.cline__main{display:grid;gap:3px;min-width:0}.cline__series{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.12em;color:var(--vermilion-600);font-weight:600}.cline__title{font-family:var(--ff-display);font-weight:600;font-size:.9375rem;letter-spacing:-.01em;line-height:1.25}.cline__variant,.cline__pre{font-size:var(--fs-xs);color:var(--text-600)}.cline__pre{color:var(--signal-600);font-weight:600}.cline__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.cline__price{font-weight:600;font-size:.9375rem}.cline__rm{color:var(--text-500);font-size:20px;line-height:1;padding:4px 6px;border-radius:8px;transition:color var(--d-ui) var(--ease-out),background-color var(--d-ui) var(--ease-out)}.cline__rm:hover{color:var(--vermilion-500);background:var(--paper-100)}.qty{display:inline-flex;align-items:center;gap:2px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--hairline);background:var(--paper-100)}.qty button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:16px;transition:background-color var(--d-ui) var(--ease-out)}.qty button:hover{background:var(--paper-200)}.qty span{min-width:24px;text-align:center;font-size:var(--fs-sm);font-weight:600}.qty--sm button{width:28px;height:28px;font-size:14px}.cart-empty{text-align:center;padding:var(--s7) 0}.cart-empty__mark{display:block;font-size:3rem;color:var(--paper-300);margin-bottom:var(--s4)}.cart-empty .h4{margin-bottom:var(--s5);color:var(--text-700)}.cart-empty__lbl{margin:var(--s7) 0 var(--s3);text-align:left}.xsell{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--hairline)}.xsell .eyebrow{margin-bottom:var(--s3)}.xs-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.xs{display:grid;grid-template-columns:48px 1fr 32px;gap:12px;align-items:center}.xs img{width:48px;height:60px;object-fit:cover;border-radius:9px;background:var(--paper-200)}.xs__t{display:grid;gap:1px;min-width:0}.xs__t a{font-size:var(--fs-sm);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xs__t span{font-size:var(--fs-xs);color:var(--text-600)}.xs__add{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:var(--text-900);color:var(--paper-50);transition:transform var(--d-micro) var(--ease-out)}.xs__add:hover{transform:scale(1.1)}.cnote{position:fixed;top:calc(var(--header-h) + 46px);right:var(--gutter);z-index:85;max-width:400px;opacity:0;transform:translateY(-14px);transition:opacity .3s var(--ease-out),transform .38s var(--ease-out)}.cnote.is-on{opacity:1;transform:none}.cnote__inner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:var(--paper-50);box-shadow:var(--elev-hover);border:1px solid var(--hairline)}.cnote__ok{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ok-500);color:#fff;flex:0 0 26px}.cnote img{width:40px;height:50px;object-fit:cover;border-radius:8px;background:var(--paper-200)}.cnote__txt{display:grid;gap:1px;min-width:0;flex:1}.cnote__txt strong{font-size:var(--fs-sm);font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cnote__x{color:var(--text-500);padding:4px}@media(max-width:560px){.cnote{left:var(--gutter);right:var(--gutter);max-width:none;top:auto;bottom:16px;transform:translateY(14px)}}