.grd{position:fixed;inset:0;z-index:1000}
.grd__ov{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .3s}
.grd__p{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);color:#151515;font-size:14px;line-height:1.5}
.grd.is-open .grd__ov{opacity:1}
.grd.is-open .grd__p{transform:none}
.grd__hd{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e6e4e0;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.grd__hd em{font-style:normal;color:#767676;margin-left:4px}
.grd__hd button{background:none;border:0;padding:4px;cursor:pointer;color:inherit;display:grid}
.grd__bd{flex:1;overflow-y:auto;padding:4px 22px}
.grd__it{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #e6e4e0}
.grd__img{display:block;aspect-ratio:4/5;background:#f5f4f1;overflow:hidden}
.grd__img img{width:100%;height:100%;object-fit:cover;display:block}
.grd__t{color:inherit;text-decoration:none;font-size:13px;line-height:1.35;display:block}
.grd__v{display:block;font-size:12px;color:#767676;margin-top:3px}
.grd__q{display:inline-flex;align-items:center;border:1px solid #e6e4e0;margin-top:10px}
.grd__q button{width:30px;height:30px;background:none;border:0;cursor:pointer;font-size:14px;color:inherit}
.grd__q span{min-width:24px;text-align:center;font-size:13px}
.grd__pr{text-align:right;font-size:13px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.grd__pr s{color:#767676;font-size:12px}
.grd__pr b{font-weight:500}
.grd__rm{margin-top:auto;background:none;border:0;padding:0;font-size:11px;color:#767676;text-decoration:underline;cursor:pointer}
.grd__empty{padding:48px 0;text-align:center;color:#767676}
.grd__up{padding:14px 22px;border-top:1px solid #e6e4e0;background:#faf9f7}
.grd__up p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#767676;margin:0 0 4px}
.grd__ui{display:flex;align-items:center;gap:12px;padding:8px 0;color:inherit;text-decoration:none;font-size:12px}
.grd__ui img{width:52px;height:64px;object-fit:cover;background:#f5f4f1}
.grd__ui span{flex:1;display:flex;flex-direction:column}
.grd__ui b{font-weight:500;font-size:13px}
.grd__ui em{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.grd__ft{padding:18px 22px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #e6e4e0}
.grd__row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.grd__row b{font-weight:500}
.grd__row--d{color:#8a1c1c;font-size:13px}
.grd__note{font-size:12px;color:#767676;margin:0 0 4px}
.grd__ft .grp__atc{display:flex;align-items:center;justify-content:center;text-decoration:none}
.grd__link{display:block;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#767676;margin-top:12px}
.grd__sz{padding:22px;overflow-y:auto;flex:1;font-size:13px}
.grd__sz img{width:100%;height:auto;display:block;margin:0 0 16px}
.grd__sz p{margin:0 0 10px}
.grd__sz table{width:100%;border-collapse:collapse;margin:0 0 16px}
.grd__sz td,.grd__sz th{border-bottom:1px solid #e6e4e0;padding:8px 6px;text-align:center;font-weight:400}
.grp__opt legend{display:flex;width:100%;align-items:baseline}
.grp__guide{margin-left:auto;background:none;border:0;padding:0;font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:var(--ink,#151515);cursor:pointer}