body {
    direction: rtl;
    text-align: right;
}

header .main-navigation {
    float: right;
}

footer {
    text-align: center;
}

.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.product-item, .product-single {
    width: calc(25% - 20px);
    box-sizing: border-box;
    text-align: center;
}

.header-image img {
    margin-bottom: 20px;
}

.section h3 {
    text-align: right;
}

.products-grid {
    flex-direction: row-reverse;
}