/* موبایل */
@media (max-width: 768px) {
    /* نوار جستجو */
    .search-field {
        flex-grow: 1;
        width: auto;
    }

    .search-button {
        position: relative; /* حذف absolute */
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background-color: #A585FD;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* dropdown نتایج جستجو */
    .shadow-dropdown {
        width: 100%; /* پر شدن عرض فرم */
        position: relative; /* حذف absolute */
        max-height: 300px; /* ارتفاع محدود و scroll */
        overflow-y: auto;
    }

    /* آیکون‌ها کنار هم با فاصله */
    widget[name="navbar:socialsmo"] .flex {
        gap: 8px; /* فاصله بین آیکون‌ها */
        flex-wrap: wrap;
    }

    widget[name="navbar:socialsmo"] a {
        width: 38px;
        height: 38px;
        font-size: 18px; /* هماهنگ با دکمه سرچ */
    }
}
/* دسکتاپ */
@media (min-width: 769px) {
  .navbar-search {
    max-width: 600px; /* طول استاندارد */
    width: 100%;
    position: relative;
  }

  .search-button {
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #A585FD;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }
}


.products-title-page { position: relative; padding: 0 35px 0 0; }
.products-title-page:before { width: 10px; height: 10px; background-color: #001DFF; position: absolute; top: 15px; margin-top: -4px; right: 17px; z-index: 1; content: ''; border-radius: 2px; }
.products-title-page:after { width: 10px; height: 10px; background-color: #FF40DB; position: absolute; top: 15px; margin-top: -4px; right: 0; z-index: 1; content: ''; border-radius: 2px; }