.mtg-adv-wrap{max-width:920px;margin:24px auto;padding:18px;background:#fff;border:1px solid #eee;border-radius:10px;font-family:system-ui}

/* Input Fields/Filters Layout */
.filter-group{margin-bottom:10px}
.filter-group label{display:block;font-weight:600;margin-bottom:4px}
.mtg-adv-search input, .mtg-adv-search select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}

.mtg-adv-filters{margin-top:12px}
.filter-group-row{display:flex;gap:12px;margin-top:10px}
.filter-group-row .filter-group{margin-bottom:0}

/* Desktop: 1/2 and 1/4 widths for filters */
.filter-group-row .half-width{flex:1 1 48%;}
.filter-group-row .quarter-width{flex:1 1 23%;}


/* Color Pips */
.color-filters{display:flex;gap:8px;align-items:center;}
.color-filters label{margin-right:0;display:flex;align-items:center;cursor:pointer}
.color-filters input[type="checkbox"]{display:none} /* Hide actual checkbox */
.color-filters .pip{width:20px;height:20px;border-radius:50%;border:1px solid #999;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;color:#111;transition:all 0.1s}
.color-filters input[type="checkbox"]:checked + .pip{border-width:2px;border-color:#111;transform:scale(1.1)}
/* Pip Colors */
.pip.white{background-color:#f8f8f8;color:#111}
.pip.blue{background-color:#0071C7;color:#fff}
.pip.black{background-color:#111;color:#f8f8f8}
.pip.red{background-color:#E62900;color:#fff}
.pip.green{background-color:#007936;color:#fff}
.pip.colorless{background-color:#ccc;color:#111}
.color-filters label input[type="checkbox"][value="W"]:checked + .pip.white{border-color:#111}

/* Controls and Buttons */
.controls-row button{padding:8px 10px;border-radius:8px;border:1px solid #ddd;background:#f0f0f0;cursor:pointer;font-weight:600}
#mtg-search-btn{background:#000;color:#fff;border:none;padding:8px 12px} /* Fixed Reset button visibility */

.mtg-results{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.card-min{background:transparent;padding:6px;border-radius:6px;text-align:center}
.card-min img{width:100%;height:180px;object-fit:cover;border-radius:6px;border:1px solid #eee}
.card-name{margin-top:6px;font-size:14px;color:#111}
.small{font-size:13px;color:#444}
.pagination button{padding:6px 10px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}

/* Mobile Adjustments */
@media(max-width:768px){ 
    .mtg-adv-wrap{padding:10px} 
    .card-min img{height:140px} 
    .filter-group-row{flex-direction:column;gap:0}
    .filter-group-row .half-width, .filter-group-row .quarter-width{flex:none;width:100%}
    .filter-group-row .filter-group{margin-top:10px}
    .color-filters{justify-content:space-around;flex-wrap:wrap}
}