/* Scoped v39.56 demo catalogue - no other pages affected */
.mss56-layout{max-width:1680px;margin:0 auto;padding:124px 26px 80px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start;background:#f4f9fb;color:#102832;min-height:80vh}
.mss56-sidebar{background:#fff;border:1px solid #e1eaef;border-radius:24px;padding:22px 17px;position:sticky;top:110px;box-shadow:0 20px 60px rgba(14,45,58,.05)}
.mss56-sidebar-title b,.mss56-categories-head b{display:block;font-size:16px}.mss56-sidebar-title small{font-size:11px;color:#7e9199;display:block;margin:5px 0 17px}
.mss56-search{display:flex;gap:8px;align-items:center;border:1px solid #dce7ee;background:#f6fafc;border-radius:12px;padding:11px 13px}.mss56-search span{font-size:22px;color:#7c929d}.mss56-search input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:12px;color:#15303c}
.mss56-categories-head{border-top:1px solid #edf1f4;padding-top:22px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mss56-categories-head button{border:0;background:none;color:#0b93b8;text-decoration:underline;cursor:pointer;font-size:12px}
.mss56-categories{display:flex;flex-direction:column;gap:3px;margin-top:12px;max-height:58vh;overflow:auto}.mss56-categories button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;background:transparent;border:0;border-radius:11px;color:#49616d;cursor:pointer;font-size:12px}.mss56-categories button:hover{background:#eff6f9}.mss56-categories button.active{background:#e5f5fa;color:#057b9d;font-weight:800}.mss56-categories button small{font-size:11px;color:#92a3ac}
.mss56-sidebar-foot{font-size:10px;color:#9baeb7;border-top:1px solid #edf1f4;padding-top:16px;margin-top:20px}
.mss56-results{min-width:0}.mss56-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 26px}.mss56-results-head>div{min-width:0}.mss56-results-head small{font-size:10px;letter-spacing:.16em;font-weight:800;color:#078caf}.mss56-results-head h1{margin:8px 0 0;font-size:clamp(22px,2vw,30px);line-height:1.3;letter-spacing:-.025em;color:#132e39}.mss56-results-head mark{display:inline-block;border-radius:30px;background:#097eaa;color:#fff;padding:3px 10px;font-size:.75em;white-space:nowrap}.mss56-sort{display:flex;gap:10px;align-items:center;flex-shrink:0}.mss56-sort label{font-size:12px;color:#7a919c}.mss56-sort select{background:#fff;border:1px solid #dce7ee;padding:12px 16px;border-radius:13px;color:#183744;max-width:160px}
.mss56-grid.demo-site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mss56-grid .demo-site-card.premium-card{border-radius:23px;display:flex;flex-direction:column}.mss56-grid .demo-site-card[hidden]{display:none!important}.mss56-grid .demo-site-card-media.premium{aspect-ratio:16/11;margin:10px 10px 0;border-radius:15px}.mss56-grid .demo-site-card-body.premium{padding:17px;display:flex;flex:1;flex-direction:column}.mss56-grid .demo-site-card-body.premium h2{font-size:18px;min-height:0;margin:8px 0}.mss56-grid .demo-site-card-body.premium p{min-height:0;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mss56-grid .demo-tag-row{margin-top:auto;padding-top:12px}.mss56-grid .demo-tag-row span{font-size:10px;padding:7px 9px}.mss56-grid .demo-price-row{margin:10px 0}.mss56-grid .demo-card-actions.premium{margin-top:auto}.mss56-grid .demo-card-actions.premium a{font-size:12px}.mss56-active-filter{display:inline-flex;padding:7px 14px;margin-bottom:18px;border-radius:100px;background:#def0f7;color:#087fa2;font-size:12px;font-weight:800}.mss56-empty{padding:30px;border-radius:18px;border:1px dashed #b9d6e2;background:#fff;color:#58717d;margin:18px 0}
@media(max-width:1200px){.mss56-layout{grid-template-columns:225px minmax(0,1fr);gap:18px}.mss56-grid.demo-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mss56-layout{display:block;padding:104px 16px 50px}.mss56-sidebar{position:static;margin-bottom:22px}.mss56-categories{max-height:none;flex-direction:row;overflow:auto;padding:0 0 4px}.mss56-categories button{width:auto;flex-shrink:0;white-space:nowrap}.mss56-results-head{align-items:flex-start;flex-direction:column}.mss56-grid.demo-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.mss56-grid.demo-site-grid{grid-template-columns:1fr}.mss56-results-head h1{font-size:24px}.mss56-sidebar{padding:15px}.mss56-sort{width:100%;justify-content:space-between}}