/* 1) Premeňme rad variantov na flex-kontajner */ .shp-tabs-row.responsive-nav + .row { display: flex !important; flex-wrap: wrap !important; gap: 1rem !important; } /* 2) Každému .col-sm-12 v ňom dajme 25% šírku a boxový vzhľad */ .shp-tabs-row.responsive-nav + .row .col-sm-12 { flex: 0 0 calc(25% - 1rem) !important; max-width: calc(25% - 1rem) !important; box-sizing: border-box !important; margin-bottom: 1rem !important; padding: 1rem !important; background-color: #fff !important; border: 1px solid #ddd !important; border-radius: 6px !important; transition: box-shadow .2s, transform .2s !important; } /* 3) Hover-efekt */ .shp-tabs-row.responsive-nav + .row .col-sm-12:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; transform: translateY(-2px) !important; }