/* Display Box TCG – product listing view (?shop=1) (.dbxshop) */
.dbxshop{--acc:#E7C46A;font-family:Montserrat,Arial,sans-serif;color:#EDEDF4;background:#12131F;padding:0 0 96px}
.dbxshop *{box-sizing:border-box}.dbxshop a{color:inherit;text-decoration:none}
.dbxshop .wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.dbxshop .disp{font-family:Michroma,'uniwars',sans-serif;color:#fff;margin:0;font-weight:400}
.dbxshop .soft{color:#B9BBD0}
.dbxshop .crumb{font-size:13px;color:#B9BBD0;padding-top:28px;margin-bottom:20px}.dbxshop .crumb a:hover{color:#fff}
.dbxshop .head{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:30px 36px;border-radius:22px;border-top:3px solid var(--acc);background:radial-gradient(ellipse 60% 120% at 90% 50%,rgba(255,255,255,.06),rgba(255,255,255,0) 70%),linear-gradient(135deg,#1E1D33,#15161F)}
.dbxshop .head .l{display:flex;flex-direction:column;gap:12px}
.dbxshop .head img{max-width:150px;max-height:52px;object-fit:contain;align-self:flex-start}
.dbxshop .back{font-size:14px;font-weight:700;color:#fff;border-bottom:2px solid var(--acc);padding-bottom:3px}
.dbxshop .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.dbxshop .row .lab{width:100%;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8E91AE;margin-bottom:-2px}
.dbxshop .row button{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid #33375A;background:transparent;color:#fff;font:700 14px Montserrat,Arial,sans-serif;cursor:pointer}
.dbxshop .row button span{color:#8E91AE;font-weight:600;margin-left:6px}
.dbxshop .row button.on{background:#fff;color:#12131F;border-color:#fff}.dbxshop .row button.on span{color:#55586F}
.dbxshop .row .off{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;border:1px dashed #33375A;color:#8E91AE;font-weight:700;font-size:14px}
.dbxshop .row .off em{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--acc)}
.dbxshop .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:30px}
.dbxshop .pc{display:flex;flex-direction:column;gap:6px}.dbxshop .pc.hide{display:none}
.dbxshop .pc .ph{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#1C2340;transition:transform .25s}
.dbxshop .pc:hover .ph{transform:translateY(-4px)}
.dbxshop .pc .ph img{width:100%;height:100%;object-fit:cover;display:block}
.dbxshop .pc .sn{font-size:12px;font-weight:700;color:#8E91AE;margin-top:8px}
.dbxshop .pc .nm{font-weight:600;font-size:15px;line-height:1.4;color:#fff}
.dbxshop .pc .pr{font-weight:800;color:#fff}.dbxshop .pc .pr del{color:#8E91AE;font-weight:600;margin-right:6px}
.dbxshop .st{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.dbxshop .st:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.dbxshop .empty{display:none;margin-top:30px;padding:26px;border-radius:16px;background:#1E1F2C;border:1px solid #2A2D45}
.dbxshop .note{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:34px;padding:20px 24px;border-radius:16px;background:linear-gradient(90deg,#2A2350,#1B1C2B);border:1px solid #3A3270}
@media (max-width:1000px){.dbxshop .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.dbxshop .wrap{padding:0 18px}.dbxshop .head{padding:24px 22px}.dbxshop .grid{gap:14px}}