#mj-contentarea 

	{

    	position: relative;
    	right: 16.7%;

    }

    #mj-right 

	{

    	position: relative;

    	right: -65.7%;

    }

    

    .mj-subcontainer 

	{

    	position: relative;
    	margin: 0px auto;

    }

    

	#shopping_items .mj-grid64

	{

		width:63%;

	}

	#whatsNew, #featuredProducts, #specialsDefault

	{

		display:none;

	}

.fault-item {
    margin-bottom: 1.5em; /* Add space between fault entries */
    padding-left: 1em; /* Indent fault details slightly */
    border-left: 3px solid #eee; /* Add a subtle visual separator */
    /* Consider adding padding-top/bottom or a top border for more separation */
}

.fault-item h3 {
    margin-bottom: 0.5em; /* Space between fault title and details */
}

.fault-item ul {
    margin-top: 0;
    padding-left: 20px; /* Standard list indentation */
}

/* Make it responsive - the simple structure is mostly responsive already */
/* Example: Adjust spacing on smaller screens if needed */
@media (max-width: 600px) {
    .fault-item {
        padding-left: 0.5em;
        border-left-width: 2px;
    }
}

        .custom-list {
            list-style-type: disc;
            margin-left: 20px;
        }
        .comparison-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .comparison-card {
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            background-color: #f9f9f9;
        }
        .comparison-card h3 {
            margin-top: 0;
        }
        @media (min-width: 768px) {
            .comparison-container {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .comparison-card {
                width: 48%;
            }
        }

.fault-with-product {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-right: 12px; 
}

/* 70% tekst */
.fault-text {
  flex: 0 0 70%;
}

/* 30% produkt */
.fault-product {
  flex: 0 0 30%;
  border: 1px solid #e0e0e0;
  padding: 15px;
  text-align: center;
  background: #fafafa;
}

.fault-product img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.fault-product a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.product-name {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

.product-cta {
  display: inline-block;
  color: #ffffff;
  background: #d32f2f;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 4px;
}

/* 📱 MOBILE */
@media (max-width: 768px) {
  .fault-with-product {
    flex-direction: column;
    padding: 0 12px; /* ⬅️ marginesy po bokach */
  }

  .fault-text,
  .fault-product {
    flex: 0 0 100%;
  }
}

.product-grid{display:grid;gap:16px;margin:16px 0}.product-card{border:1px solid #e0e0e0;background:#fafafa;text-align:center;padding:14px}.product-card a{text-decoration:none;color:inherit;display:block}.product-card img{max-width:100%;height:auto;margin-bottom:10px;display:block}.product-card .product-name{display:block;font-weight:700;margin-bottom:8px}.product-card .product-cta{display:inline-block;color:#fff;background:#d32f2f;padding:8px 12px;font-size:14px;border-radius:4px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:768px){
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-2{grid-template-columns:1fr}
}

.hide-mobile{display:block}@media (max-width:768px){.hide-mobile{display:none}}

.fault-product img,.product-card img{display:block;max-width:100%;height:auto;width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff;border-radius:6px}

.oil-guide-list {
    margin-top: 1em;
}

.oil-guide-row {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 0;
    border: 1px solid #ddd;
    border-bottom: none;
}

.oil-guide-row:last-child {
    border-bottom: 1px solid #ddd;
}

.oil-guide-row.header {
    background: #f5f5f5;
    font-weight: bold;
}

.oil-guide-cell {
    padding: 10px;
    border-right: 1px solid #ddd;
}

.oil-guide-cell:last-child {
    border-right: none;
}

@media (max-width: 700px) {
    .oil-guide-row,
    .oil-guide-row.header {
        display: block;
        border: 1px solid #ddd;
        margin-bottom: 1em;
        background: #fff;
    }

    .oil-guide-row.header {
        display: none;
    }

    .oil-guide-cell {
        display: block;
        border-right: none;
        border-bottom: 1px solid #eee;
        padding: 8px 10px;
    }

    .oil-guide-cell:last-child {
        border-bottom: none;
    }

    .oil-guide-cell::before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
        color: #333;
        margin-bottom: 3px;
    }
}