/* My eBay Listings Plugin v2.0 */
.mel-block,.mel-block *{box-sizing:border-box}
.mel-block{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;color:#222;margin:0 0 32px}
.mel-typed-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;margin:0 0 18px;min-height:1.4em;color:#1a1a2e}
.mel-cursor{display:inline-block;color:#e43137;animation:mel-blink .75s step-end infinite;font-weight:300;margin-left:1px}
@keyframes mel-blink{50%{opacity:0}}
.mel-panel{background:#1a1a2e;border-radius:12px;padding:20px;margin-bottom:20px}
.mel-search-row{display:flex;gap:10px;align-items:stretch}
.mel-search-input-wrap{position:relative;flex:1;min-width:0}
.mel-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none;color:#888}
.mel-keyword{padding-left:36px!important;font-size:.95rem!important;height:42px!important;background:#fff;border:2px solid transparent;border-radius:8px}
.mel-keyword:focus{border-color:#e43137;outline:none}
.mel-input,.mel-select{width:100%;height:38px;padding:0 10px;border:1px solid #d5d5d5;border-radius:6px;font-size:.875rem;background:#fff;color:#222;outline:none;transition:border-color .15s;-webkit-appearance:none;appearance:none}
.mel-input:focus,.mel-select:focus{border-color:#e43137}
.mel-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
.mel-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:6px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s;text-decoration:none!important;line-height:1;flex-shrink:0;font-family:inherit}
.mel-btn:active{transform:scale(.97)}
.mel-btn-primary{background:#e43137;color:#fff!important;height:42px;padding:0 22px;font-size:.95rem}
.mel-btn-primary:hover{background:#c0272d}
.mel-btn-apply{background:#e43137;color:#fff!important}
.mel-btn-apply:hover{background:#c0272d}
.mel-btn-clear{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.mel-btn-clear:hover{background:rgba(255,255,255,.22)}
.mel-filters-toggle{margin-top:12px}
.mel-filters-toggle-btn{background:none;border:none;color:rgba(255,255,255,.7);font-size:.8rem;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;transition:color .15s;font-family:inherit}
.mel-filters-toggle-btn:hover,.mel-filters-toggle-btn.open{color:#fff}
.mel-filters-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:hidden;max-height:0;transition:max-height .35s ease,padding-top .35s ease;padding-top:0}
.mel-filters-body.mel-filters-open{max-height:700px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);margin-top:14px}
@media(min-width:600px){.mel-filters-body{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.mel-filters-body{grid-template-columns:repeat(4,1fr)}}
.mel-filter-cell{display:flex;flex-direction:column;gap:5px}
.mel-filter-label{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.04em}
.mel-filter-cell-check{justify-content:flex-end;padding-bottom:2px}
.mel-checkbox-label{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.85);font-size:.875rem;cursor:pointer;user-select:none}
.mel-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#e43137}
.mel-filter-actions{justify-content:flex-end}
.mel-filter-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mel-loading-bar{display:none;align-items:center;gap:10px;padding:14px 4px;color:#666;font-size:.9rem}
.mel-spinner{width:20px;height:20px;flex-shrink:0;border:2.5px solid #e0e0e0;border-top-color:#e43137;border-radius:50%;animation:mel-spin .65s linear infinite}
@keyframes mel-spin{to{transform:rotate(360deg)}}
.mel-results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #ebebeb}
.mel-count{font-size:.85rem;color:#666}
.mel-grid{display:grid;gap:14px;--mc:2;grid-template-columns:repeat(var(--mc),1fr)}
.mel-cols-1{--mc:1}.mel-cols-2{--mc:2}.mel-cols-3{--mc:2}.mel-cols-4{--mc:2}.mel-cols-5{--mc:2}.mel-cols-6{--mc:2}
@media(min-width:540px){.mel-cols-3{--mc:3}.mel-cols-4{--mc:2}.mel-cols-5{--mc:3}.mel-cols-6{--mc:3}}
@media(min-width:768px){.mel-cols-3{--mc:3}.mel-cols-4{--mc:4}.mel-cols-5{--mc:4}.mel-cols-6{--mc:4}}
@media(min-width:1024px){.mel-cols-5{--mc:5}.mel-cols-6{--mc:6}}
.mel-item{background:#fff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .15s}
.mel-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.11);transform:translateY(-2px)}
.mel-img-link{display:block;text-decoration:none;position:relative}
.mel-img-wrap{width:100%;padding-top:75%;position:relative;background:#f7f7f7;overflow:hidden}
.mel-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .2s}
.mel-item:hover .mel-img-wrap img{transform:scale(1.04)}
.mel-img-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:.78rem;background:#f7f7f7}
.mel-badge{position:absolute;top:8px;left:8px;font-size:.68rem;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}
.mel-badge-auction{background:#e43137;color:#fff}.mel-badge-bin{background:#0071c5;color:#fff}
.mel-content{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1;gap:4px}
.mel-title{font-size:.82rem;font-weight:600;line-height:1.4;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:4px}
.mel-title a{color:#1a1a2e;text-decoration:none}.mel-title a:hover{color:#e43137}
.mel-price{font-size:1.1rem;font-weight:700;color:#b12704}
.mel-shipping{font-size:.75rem;color:#555}
.mel-free-ship{color:#2c7a2c;font-weight:600}
.mel-condition{font-size:.73rem;color:#777}
.mel-endtime{font-size:.73rem;color:#d96a00}
.mel-view-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:7px 12px;background:#e43137;color:#fff!important;text-decoration:none!important;border-radius:6px;font-size:.78rem;font-weight:600;transition:background .15s;width:100%}
.mel-view-btn:hover{background:#c0272d}
.mel-pagination{margin:24px 0 8px}
.mel-pag-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mel-pag-info{font-size:.8rem;color:#888;flex-shrink:0}
.mel-pag-btns{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.mel-pag-btn{min-width:36px;height:34px;padding:0 10px;border:1px solid #d5d5d5;border-radius:6px;background:#fff;font-size:.83rem;cursor:pointer;transition:background .12s,border-color .12s;line-height:1;font-family:inherit}
.mel-pag-btn:hover:not([disabled]){background:#f5f5f5;border-color:#aaa}
.mel-pag-btn[disabled]{opacity:.35;cursor:default}
.mel-pag-btn.mel-pag-active{background:#e43137;color:#fff;border-color:#e43137;font-weight:700}
.mel-pag-ell{padding:0 4px;color:#aaa;font-size:.85rem}
.mel-results{transition:opacity .2s}
.mel-results.mel-fading{opacity:.35;pointer-events:none}
.mel-no-results{text-align:center;padding:40px 20px;color:#888;background:#fafafa;border-radius:8px;border:1px dashed #ddd}
.mel-no-results p{margin:0;font-size:.95rem}
.mel-disclosure{font-size:.7rem;color:#bbb;margin:10px 0 0}
.mel-error{background:#fff3f3;border-left:4px solid #c00;padding:10px 14px;color:#c00;border-radius:0 6px 6px 0;font-size:.9rem;margin:8px 0}
.mel-single .mel-item{max-width:320px}
@media(max-width:480px){
    .mel-panel{padding:14px}
    .mel-search-row{flex-direction:column}
    .mel-btn-primary{width:100%;height:42px}
    .mel-grid{gap:10px}
    .mel-pag-btn{min-width:32px;height:30px;font-size:.78rem;padding:0 7px}
}
