/* Hide broken-image icon + smooth fade-in */
.of-table img {
    background: transparent;
    color: transparent;
    font-size: 0;
    opacity: 0;
    transition: opacity .15s ease-in;
}
.of-table img[src]:not([src=""]) {
    opacity: 1;
}
.of-table img:not([src]),
.of-table img[src=""] {
    visibility: hidden;
}
.of-page { padding: 0; }

/* SECTION */
.of-sec { margin-bottom: 14px; border:1px solid rgba(200,146,10,.15); border-radius:4px; overflow:hidden; }
.of-sec-hdr { display:flex; align-items:center; gap:10px; padding:9px 14px; background:linear-gradient(90deg,rgba(180,120,0,.1),transparent); border-bottom:1px solid rgba(200,146,10,.12); }
.of-sec-hdr i { color:var(--gold); font-size:11px; opacity:.8; }
.of-sec-title { font-family:'Cinzel',serif; font-size:11px; font-weight:700; letter-spacing:2px; color:var(--gold); flex:1; }
.of-sec-count { font-family:'Cinzel',serif; font-size:10px; color:#aaa; letter-spacing:1px; }

/* TABLE */
.of-table { width:100%; border-collapse:collapse; }
.of-table thead tr { background:linear-gradient(90deg,#0f0e00,#0a0900); border-bottom:1px solid rgba(200,146,10,.15); }
.of-table th { font-family:'Cinzel',serif; font-size:9px; font-weight:700; letter-spacing:1.5px; color:var(--gold); padding:8px 14px; text-align:left; }
.of-table th.center { text-align:center; width:60px; }
.of-row { border-bottom:1px solid #111; transition:background .1s; }
.of-row:last-child { border-bottom:none; }
.of-row:hover { background:rgba(200,146,10,.04); }
.of-row td { padding:6px 14px; vertical-align:middle; }
.of-td-name { font-family:'Cinzel',serif; font-size:11px; font-weight:700; color:#ddd; }
.of-row:hover .of-td-name { color:var(--gold); }
.of-td-img { text-align:center; width:60px; }
.of-td-img img { image-rendering:pixelated; width:36px; height:36px; object-fit:contain; vertical-align:middle; display:block; margin:0 auto; }
.of-badge { display:inline-block; font-family:'Cinzel',serif; font-size:8px; font-weight:700; letter-spacing:.5px; padding:2px 8px; border-radius:2px; border:1px solid; white-space:nowrap; }
.of-badge-store  { background:rgba(236,85,76,.1);   border-color:rgba(236,85,76,.3);   color:#ec554c; }
.of-badge-gold   { background:rgba(248,218,117,.1);  border-color:rgba(248,218,117,.3);  color:#f8da75; }
.of-badge-std    { background:rgba(80,80,80,.1);     border-color:rgba(80,80,80,.25);    color:#666; }

/* ADDON TABLE */
.of-table .of-td-addons { display:flex; align-items:center; gap:6px; }
.of-td-addons img { image-rendering:pixelated; width:32px; height:32px; vertical-align:middle; }
.of-td-addons .of-arr { color:#333; font-size:9px; }