/* v40: slide-in cart drawer, dealer-blocked state, header account/logout */
dialog.scd{position:fixed;inset:0 0 0 auto;margin:0 0 0 auto;padding:0;border:0;width:min(440px,calc(100vw - 44px));max-width:100vw;height:100dvh;max-height:100dvh;background:#fff;color:var(--ink);box-shadow:-12px 0 40px rgba(11,15,23,.18);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1),overlay .28s allow-discrete,display .28s allow-discrete;overflow:hidden}
dialog.scd[open]{transform:translateX(0)}
@starting-style{dialog.scd[open]{transform:translateX(100%)}}
dialog.scd::backdrop{background:rgba(11,15,23,.45);transition:background .28s,overlay .28s allow-discrete,display .28s allow-discrete}
@starting-style{dialog.scd[open]::backdrop{background:rgba(11,15,23,0)}}
@media (prefers-reduced-motion:reduce){dialog.scd,dialog.scd::backdrop{transition:none}}
.scd__panel{display:flex;flex-direction:column;height:100%}
.scd__top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.scd__title{margin:0;font:900 italic 26px/1 var(--display);text-transform:uppercase}
.scd__title span{font-size:.8em;color:var(--muted)}
.scd__x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:none;border:0;cursor:pointer;color:var(--ink)}
.scd__x:hover{background:var(--line)}
.scd__body{flex:1;overflow-y:auto;padding:4px 20px}
.scd__lines{list-style:none;margin:0;padding:0}
.scd__line{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.scd__line[aria-busy]{opacity:.6}
.scd__line img{width:72px;height:72px;object-fit:contain;background:#f5f7fa;border-radius:6px}
.scd__name{font-weight:700;line-height:1.3;color:var(--ink);text-decoration:none}
.scd__var{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.4}
.scd__row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}
.scd__qty{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:6px}
.scd__qty form{display:contents}
.scd__qty button{width:36px;height:36px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--ink)}
.scd__qty span{min-width:28px;text-align:center;font-weight:700}
.scd__price{font-weight:800}
.scd__rm button{margin-top:6px;padding:0;border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline;cursor:pointer}
.scd__foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}
.scd__sub{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 4px;font-size:17px}
.scd__sub b{font-size:22px}
.scd__tax{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.4}
.scd__view{display:block;margin-top:12px;text-align:center;font-size:14px;color:var(--ink)}
.scd__empty{padding:28px 0;text-align:center}
.scd__note{margin:12px 20px 0;padding:12px 14px;border-radius:6px;background:#fff6e0;border:1px solid #f0d48a;font-size:14px;line-height:1.45}
.scd__note p{margin:0}.scd__note ul{margin:6px 0 0;padding-left:18px}
.scd__note--err{background:#fdecee;border-color:#f3b6bf;color:var(--red2)}
.btn[disabled]{cursor:not-allowed;opacity:.55}
.hdr__acct{display:inline-flex;align-items:center;gap:2px}
.hdr__logout{display:inline-flex}
.hdr__logout button{border:0;background:none;padding:0 6px;font:600 13px/1 var(--body);color:var(--ink);cursor:pointer;white-space:nowrap;min-height:44px}
.hdr__logout button:hover{color:var(--red)}
.mnav__logout{margin-top:10px}
@media (max-width:900px){.hdr__logout{display:none}}

/* cups-not-included note under product title */
.bx .pd-note{margin:-.35rem 0 .6rem;font-size:.85rem;color:#6b7280;line-height:1.3}

/* blade add-ons pop-up (cups / bridge / rockering) — shell is .sub-dlg */
.bao .sub-dlg__card{max-width:560px}
.bao__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.bao__row{display:grid;grid-template-columns:64px 1fr auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.bao__row img{width:64px;height:64px;object-fit:contain;border-radius:6px;background:#f6f6f6}
.bao__k{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.bao__name{margin:.1rem 0 .35rem;font-weight:600;line-height:1.25}
.bao__note{margin:0 0 .4rem;font-size:.8rem;color:#6b7280;line-height:1.3}
.bao__sel{display:flex;gap:.4rem;align-items:center;font-size:.85rem}
.bao__sel select{min-height:40px;padding:.3rem .5rem;border:1px solid #cbd5e1;border-radius:6px;font:inherit;background:#fff;max-width:100%}
.bao__buy{display:grid;justify-items:end;gap:.35rem;text-align:right}
.bao__price{font-size:1rem}
.bao__add{min-height:40px;padding:.45rem 1rem}
.bao__ok{margin:0;font-size:.82rem;color:#15803d;font-weight:600}
.bao__err{margin:.6rem 0 0;color:#b91c1c;font-size:.85rem}
.bao__foot{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:1rem}
.bao__foot .btn{flex:1 1 200px;justify-content:center}
@media (max-width:520px){
  .bao__row{grid-template-columns:52px 1fr}
  .bao__row img{width:52px;height:52px}
  .bao__buy{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;justify-items:stretch;text-align:left}
  .bao__buy .bao__add,.bao__buy .bao__ok{justify-self:end}
}