.msp-showcase-page{margin:0;background:#f3f6f6;color:#20343e}.msp-showcase-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:1250px;margin:auto;padding:20px}.msp-showcase-header h1{font-size:24px;flex:1}.msp-showcase{max-width:1250px;margin:auto;padding:18px;box-sizing:border-box;color:#20343e}.msp-showcase *{box-sizing:border-box}.msp-showcase-filters{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr auto;align-items:end;gap:12px;background:#fff;border:1px solid #d4e0e2;border-radius:14px;padding:16px}.msp-showcase-filters label{display:grid;gap:7px;font-size:14px;font-weight:600}.msp-showcase input,.msp-showcase select{width:100%;min-width:0;border:1px solid #81969e;border-radius:9px;background:#fff;color:#20343e;-webkit-text-fill-color:#20343e;font-size:16px;min-height:44px;padding:9px}.msp-showcase button,.msp-showcase-actions a,.msp-showcase-buy{font:inherit;background:#205d59;color:#fff;border:0;border-radius:9px;padding:10px 14px;cursor:pointer;min-height:44px;text-decoration:none;text-align:center}.msp-showcase button:disabled{opacity:.5;cursor:default}.msp-showcase button:focus-visible,.msp-showcase a:focus-visible,.msp-showcase select:focus,.msp-showcase input:focus{outline:3px solid #92bbb3;outline-offset:2px}.msp-showcase-note,.msp-showcase-status{line-height:1.9;font-size:14px}.msp-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.msp-showcase-card{background:#fff;border:1px solid #d7e2e3;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 3px 15px #183b5010}.msp-showcase .msp-showcase-image{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#f1f4f4;color:#526972;border-radius:0;padding:0}.msp-showcase-image img{width:100%;height:100%;object-fit:contain}.msp-showcase-card-body{padding:14px}.msp-showcase-card h2{font-size:17px;line-height:1.8;margin:7px 0;color:#20343e}.msp-showcase-card p{line-height:1.8;margin:8px 0}.msp-showcase-price{font-size:21px;font-weight:750;color:#174b49}.msp-showcase-price small{font-size:13px}.msp-showcase-actions{display:grid;gap:8px}.msp-showcase-actions button:first-child{background:#e7f2ef;color:#174b49;border:1px solid #c4dcd5}.msp-showcase-paging{display:flex;gap:14px;justify-content:center;align-items:center;padding:25px}.msp-showcase-empty{grid-column:1/-1;padding:30px;background:#fff;border-radius:12px}.msp-showcase-modal{width:min(1350px,96vw);max-width:96vw;max-height:94dvh;border:1px solid #b8cece;border-radius:16px;padding:0;color:#20343e;background:#f3f6f6}.msp-showcase-modal>header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fff}.msp-showcase-modal>header h2{font-size:20px}.msp-showcase-modal>header button,.msp-showcase-close{font-size:24px;background:#e7f2ef;color:#174b49;border:0;border-radius:8px;padding:6px 15px;cursor:pointer}.msp-showcase-modal::backdrop,.msp-showcase-detail::backdrop{background:#132c3b99}.msp-showcase-detail{width:min(700px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;border:1px solid #b8cece;border-radius:14px;padding:24px;color:#20343e;background:#fff}.msp-showcase-close{float:left}.msp-showcase-gallery{display:grid;gap:12px;margin:16px 0}.msp-showcase-gallery img{width:100%;max-height:65vh;object-fit:contain}.msp-showcase-detail .msp-showcase-pick{background:#205d59;color:white;padding:12px;border:0;border-radius:9px;font:inherit;cursor:pointer}
@media(max-width:950px){.msp-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.msp-showcase-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-showcase-filters button{grid-column:1/-1}}
@media(max-width:600px){.msp-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.msp-showcase{padding:10px}.msp-showcase-card-body{padding:10px}.msp-showcase-card h2{font-size:15px}.msp-showcase-price{font-size:18px}.msp-showcase-filters{padding:12px;gap:10px}.msp-showcase-actions button,.msp-showcase-actions a{font-size:13px;padding:9px}.msp-showcase-header h1{font-size:20px}.msp-showcase-modal{max-height:96dvh;width:98vw;max-width:98vw}}
@media(max-width:350px){.msp-showcase-grid{grid-template-columns:1fr}}