
.ogls-investments{display:flex;flex-direction:column;gap:120px}
.ogls-investment{display:grid;grid-template-columns:55% 45%;gap:48px;align-items:center}
.ogls-investment-even{grid-template-columns:45% 55%}
.ogls-investment-even .ogls-content{order:1}
.ogls-investment-even .ogls-image{order:2}
.ogls-image img{width:100%;height:500px;object-fit:cover;border-radius:8px;display:block}
.ogls-content{max-width:520px}
.ogls-status{display:inline-block;padding:8px 14px;border-radius:30px;background:#d4edda;margin-bottom:16px}
.ogls-location{display:flex;align-items:center;gap:8px;color:#666;margin:10px 0 16px;font-size:15px}
.ogls-pin{font-size:16px}
.ogls-button{display:inline-block;padding:14px 24px;background:#BF8040;color:#fff;text-decoration:none;border-radius:8px}
.ogls-button:hover{background:#282828;color:#fff}
@media(max-width:768px){
 .ogls-investment,.ogls-investment-even{grid-template-columns:1fr;gap:24px}
 .ogls-image,.ogls-content{order:initial!important}
 .ogls-image img{height:320px}
}


.ogls-location{font-weight:500}
.ogls-pin{
 width:16px;
 height:16px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 color:#BF8040;
}
.ogls-pin svg{
 width:16px;
 height:16px;
 fill:#BF8040;
}
.ogls-image{
 overflow:hidden;
 border-radius:8px;
}
.ogls-image img{
 transition:transform .35s ease;
}
.ogls-investment:hover .ogls-image img{
 transform:scale(1.02);
}
.ogls-status{
 font-size:14px;
 font-weight:600;
 letter-spacing:.3px;
}


.ogls-investment{align-items:start!important}
.ogls-image{position:relative}
.ogls-thumbs{display:flex;gap:10px;margin-top:12px}
.ogls-thumb{width:72px;height:54px;object-fit:cover;border-radius:6px;opacity:.8;cursor:pointer;border:2px solid transparent}
.ogls-thumb:hover{opacity:1}

.ogls-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.ogls-thumb{width:72px;height:72px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid #eee}
.ogls-thumb img{width:100%;height:100%;object-fit:cover}

.ogls-thumb{cursor:pointer;border:2px solid transparent;transition:.2s}
.ogls-thumb.active{border-color:#BF8040}
.ogls-thumb:hover{transform:translateY(-2px)}


/* Status colors */
.ogls-status-przygotowanie{
 background:#e8f0fe;
 color:#1a73e8;
}
.ogls-status-przedsprzedaz{
 background:#fff3cd;
 color:#9a6700;
}
.ogls-status-sprzedaz{
 background:#d1e7dd;
 color:#0f5132;
}
.ogls-status-zakonczona{
 background:#e9ecef;
 color:#495057;
}
