.sr-hero-projekt .sr-hero-bg{background-image:url(/showroom/nagytarcsa/sr-03.webp)}.prj-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.prj-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #ece7dd;border-radius:20px;flex-direction:column;padding:0;font-family:inherit;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.prj-card:hover{border-color:var(--c-gold);transform:translateY(-4px);box-shadow:0 18px 40px #00000012}.prj-card-media img{width:100%;height:auto;display:block}.prj-card-body{padding:22px 24px 24px}.prj-card-body h3{color:#1a1a1a;margin:0 0 4px;font-size:18px}.prj-card-developer{text-transform:uppercase;letter-spacing:1.6px;color:var(--c-gold-dark);font-size:12px}.prj-cta{text-align:center;margin-top:48px}.prj-modal-overlay{z-index:1100;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.prj-modal{background:#fff;border-radius:20px;grid-template-columns:1.2fr 1fr;gap:32px;width:100%;max-width:1140px;max-height:calc(100vh - 48px);padding:32px;display:grid;position:relative;overflow-y:auto}.prj-modal-close{color:#666;cursor:pointer;z-index:2;background:0 0;border:none;font-size:30px;line-height:1;position:absolute;top:14px;right:18px}.prj-modal-close:hover{color:#000}.prj-modal-main img{border-radius:12px;width:100%;height:auto;display:block}.prj-modal-thumbs{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.prj-modal-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;line-height:0;overflow:hidden}.prj-modal-thumb img{width:100%;height:auto;display:block}.prj-modal-thumb.active{border-color:var(--c-gold)}.prj-modal-info h3{margin:0 0 4px;font-size:24px}.prj-modal-stats{border-top:1px solid #eee;margin:20px 0 24px}.prj-modal-stat{border-bottom:1px solid #eee;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.prj-modal-stat dt{color:#888;font-size:13px}.prj-modal-stat dd{color:#1a1a1a;margin:0;font-size:13px;font-weight:600}.prj-modal-info p{color:#555;margin:0 0 14px;font-size:14px;line-height:1.7}@media (max-width:980px){.prj-grid{grid-template-columns:repeat(2,1fr)}.prj-modal{grid-template-columns:1fr;gap:24px}}@media (max-width:600px){.prj-grid{grid-template-columns:1fr}.prj-modal-overlay{padding:12px}.prj-modal{max-height:calc(100vh - 24px);padding:20px}}