.accd{position:fixed;inset:0;z-index:1000}
.accd__scrim{position:absolute;inset:0;background:#0b0b0f;opacity:0;transition:opacity .25s}
.accd.is-open .accd__scrim{opacity:.45}
.accd__panel{position:absolute;top:0;left:0;bottom:0;width:min(420px,88vw);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s ease;outline:none;box-shadow:4px 0 24px #0000001f}
.accd.is-open .accd__panel{transform:none}
.accd__top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ececf0}
.accd__x{border:0;background:none;padding:6px;cursor:pointer;color:var(--c-ink,#0b0b0f);display:grid;place-items:center}
.accd__search{flex:1;display:flex;align-items:center;gap:8px;background:#f1f1f4;border-radius:999px;padding:0 14px;height:40px}
.accd__search input{border:0;background:none;outline:none;font:inherit;font-size:14px;width:100%}
.accd__device{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f1f1f4;padding:10px 14px}
.accd__device-label{font-size:13px;font-weight:600}
.accd__select{position:relative;display:flex;align-items:center}
.accd__select select{appearance:none;-webkit-appearance:none;border:1px solid #d9d9df;background:#fff;border-radius:999px;padding:8px 32px 8px 14px;font:inherit;font-size:13px;font-weight:600;max-width:190px;cursor:pointer}
.accd__select svg{position:absolute;right:12px;pointer-events:none}
.accd__body{flex:1;overflow-y:auto;padding:14px 14px 28px;overscroll-behavior:contain}
.accd__promo{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/7;background:#f1f1f4;text-decoration:none;color:#fff}
.accd__promo img{width:100%;height:100%;object-fit:cover;display:block}
.accd__promo-txt{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(#0000,#0b0b0fb3);display:flex;flex-direction:column;line-height:1.25}
.accd__promo-txt strong{font-size:16px;font-weight:800}
.accd__promo-txt span{font-size:12px;opacity:.9}
.accd__h{font-size:15px;font-weight:800;margin:20px 0 4px}
.accd__list{list-style:none;margin:0;padding:0}
.accd__row{display:flex;align-items:center;gap:14px;padding:7px 2px;color:var(--c-ink,#0b0b0f);text-decoration:none;font-size:15px;font-weight:500}
a.accd__row:hover .accd__label{text-decoration:underline}
.accd__thumb{width:52px;height:52px;flex:0 0 52px;border-radius:12px;background:#f4f4f6;overflow:hidden;display:grid;place-items:center}
.accd__thumb img{width:100%;height:100%;object-fit:contain}
.accd__label{flex:1}
.accd__chev{flex:0 0 auto}
.accd__row.is-soon{color:#8a8a93}
.accd__row.is-soon .accd__thumb img{opacity:.55}
.accd__soon{font-size:11px;font-weight:700;background:#ececf0;color:#55555e;border-radius:999px;padding:3px 9px}
.accd__all{display:block;text-align:center;margin-top:16px;padding:13px;border-radius:999px;background:var(--c-ink,#0b0b0f);color:#fff;font-weight:700;text-decoration:none}
.accd__note{font-size:12px;color:#6b6b74;text-align:center;margin:10px 0 0}
.acc-drawer-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--c-ink,#0b0b0f);background:#fff;color:var(--c-ink,#0b0b0f);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
@media (prefers-reduced-motion:reduce){.accd__panel,.accd__scrim{transition:none}}
.acc-crumbrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.acc-crumbrow>nav{flex:1;min-width:0}
.acc-crumbrow .acc-drawer-btn{flex:none;padding:7px 14px;font-size:13px}
.acc-drawer-btn:hover{background:var(--c-ink,#0b0b0f);color:#fff}
.acl .acc-crumbrow{align-items:flex-end}