@import url("./assets/fonts/iranyekan/style.css");

* {
    font-family: IRANYekanX;
}

body {
    direction: rtl;
}

header nav {
    margin-left: auto;
    margin-right: unset;
}

header.white:not(.fixed) .phone {
    color: var(--accent-text);
}

header .phone .number {
    direction: ltr;
    text-align: right;
}

header.white:not(.fixed) .language svg path {
    fill: var(--accent-text);
}

section.about .title a span {
    margin: 0 10px 0 0;
}

section.about .title a span svg {
    transform: rotate(180deg);
}

section.about .title a:hover span {
    margin: 0 15px 0 0;
}

section.products ul.container li .title {
    font-weight: 700;
}

section.brands ul.container li:nth-child(5n) {
    border-right: 1px solid var(--brands-border);
}

section.brands ul.container li:nth-child(5n + 1) {
    border-right: 0;
}

footer .language .select-languages svg {
    margin-left: unset;
    margin-right: auto;
}

footer .bottom p.copywrite {
    margin-right: unset;
    margin-left: auto;
}

section.header .container {
    gap: 20px;
}

section.header .container .title {
    flex: calc(50% - 20px);
    flex-grow: 0;
}

section.products ul li.product.wide .details {
    padding-left: unset;
    padding-right: 40px;
}

section.gallery ul {
    margin-left: unset;
    margin-right: calc((100% - 1690px) / 2);
}

section.benefits ul li:not(:last-child) {
    border-right: unset;
}

section.benefits ul li:not(:first-child) {
    border-right: 1px solid var(--benefits-border);
}

section.article button svg {
    margin-left: unset;
    margin-right: 10px;
}

main.contact .details li:first-child .info p {
    direction: ltr;
}

section.header .call .button a:first-child {
    margin-right: unset;
    margin-left: 5px;
    direction: ltr;
}

section.header .features .feature {
    border-right: unset;
    border-left: 1px solid var(--background);
}

header .container >div.menu {
    margin-left: unset;
    margin-right: auto;
}

header .close-menu {
    right: unset;
    left: 15px;
}

@media screen and (max-width: 600px) {
    header .language .lang-panel {
      left: 0;
      right: unset;
    }
}