.ec-cases-page{background:#f8fafc;color:#1e293b;min-height:100vh}.ec-cases-container{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:40px 0 60px}.ec-cases-title{text-align:center;margin-bottom:8px}.ec-cases-title h1{font-size:clamp(28px,3.5vw,38px);font-weight:800;margin:0 0 10px;color:#0f172a;letter-spacing:-.02em}.ec-cases-title p{font-size:17px;color:#64748b;max-width:560px;margin:0 auto 40px;line-height:1.7}.ec-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ec-cases-card{border-radius:16px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.ec-cases-card:hover{transform:translateY(-4px);border-color:#2563eb;box-shadow:0 12px 32px rgba(37,99,235,.12)}.ec-cases-card-label{padding:10px 16px;font-size:15px;font-weight:700;color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb,#3b82f6);letter-spacing:.02em}.ec-cases-card-img{aspect-ratio:1/1;overflow:hidden;background:#f1f5f9}.ec-cases-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ec-cases-empty{text-align:center;padding:80px 0;color:#94a3b8;font-size:16px}.ec-cases-lb{inset:0;z-index:999;background:rgba(15,23,42,.88);backdrop-filter:blur(16px);padding:24px}.ec-cases-lb,.ec-cases-lb-close{position:fixed;display:flex;align-items:center;justify-content:center;cursor:pointer}.ec-cases-lb-close{top:20px;right:20px;z-index:1000;width:44px;height:44px;border:0;border-radius:12px;background:hsla(0,0%,100%,.08);color:#f1f5f9;font-size:24px;transition:.18s ease}.ec-cases-lb-close:hover{background:hsla(0,0%,100%,.16)}.ec-cases-lb-body{display:flex;align-items:stretch;gap:0;max-width:min(1200px,94vw);max-height:min(85vh,700px);width:100%;height:100%;cursor:default;border-radius:20px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 24px 80px rgba(0,0,0,.5)}.ec-cases-lb-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:rgba(15,23,42,.6);position:relative}.ec-cases-lb-divider{width:2px;flex-shrink:0;background:linear-gradient(180deg,transparent,rgba(37,99,235,.3),transparent)}.ec-cases-lb-label{flex-shrink:0;padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:.04em;color:#60a5fa;border-bottom:1px solid hsla(0,0%,100%,.06);text-align:center;text-transform:uppercase}.ec-cases-lb-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0;overflow:hidden}.ec-cases-lb-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.ec-cases-lb-empty{color:#94a3b8;font-size:14px}.ec-cases-lb-thumbs{display:flex;gap:8px;justify-content:center;padding:10px 12px 6px;flex-shrink:0;flex-wrap:wrap}.ec-cases-lb-thumb{width:48px;height:48px;border-radius:8px;border:2px solid transparent;overflow:hidden;cursor:pointer;padding:0;background:rgba(0,0,0,.3);transition:.18s ease;flex-shrink:0}.ec-cases-lb-thumb:hover{border-color:hsla(0,0%,100%,.3)}.ec-cases-lb-thumb.active{border-color:#60a5fa;box-shadow:0 0 12px rgba(59,130,246,.3)}.ec-cases-lb-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ec-cases-lb-count{flex-shrink:0;text-align:center;padding:4px 12px 12px;font-size:12px;color:#94a3b8}@media (max-width:1100px){.ec-cases-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:820px){.ec-cases-container{padding:24px 0 40px}.ec-cases-lb{align-items:flex-start;padding:60px 12px 12px}.ec-cases-lb-body{flex-direction:column;max-height:none;height:auto;border-radius:14px}.ec-cases-lb-panel{max-height:50vh}.ec-cases-lb-divider{width:100%;height:2px;flex-shrink:0;background:linear-gradient(90deg,transparent,rgba(37,99,235,.3),transparent)}.ec-cases-lb-img-wrap{padding:8px}.ec-cases-lb-thumbs{padding:6px 8px 4px}.ec-cases-lb-thumb{width:40px;height:40px}}@media (max-width:480px){.ec-cases-grid{grid-template-columns:repeat(2,1fr);gap:10px}}