.feature-item__icon {
    margin: auto;
    width: 75px;
    height: 75px;
    background-color: coral;
    color: white;
    border-radius: 90%;
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 3rem;
}

.s-cart-summary-count{

    background-color: #febd27;
    color: white;

}.s-block--fixed-banner .container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}.index .brand-item {
    padding: 1rem;
    width: 100%;
    max-width: 100%;
    height: max-content;
}section.s-block.s-block--fixed-banner.wide-placeholder {
    margin: 0px;
}/* نبدأ العد من أول عنصر داخل .grid */
.grid .brand-item:nth-child(1) { order: 5; } /* Mazda أول وحدة تتحرك لمكان تالت */
.grid .brand-item:nth-child(3) { order: 2; } /* Honda بعديها */
.grid .brand-item:nth-child(2) { order: 1; } /* GEELY أول واحدة */
.grid .brand-item:nth-child(4) { order: 6; } /* MG بعد GEELY */
.grid .brand-item:nth-child(5) { order: 3; } /* Haval تبقى في الأخير */

.grid {
  display: flex !important; /* نحولها لفليكس عشان order يشتغل */
  flex-wrap: wrap;
  gap: 1rem;
}
.grid.grid-cols-2 .brand-item {
  flex: 0 1 calc(16.66% - 20px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .grid .brand-item {
    flex: 1 1 calc(50% - 1rem) !important;
  }
}