/* XPort polish 2026-07-15 — убрать двойные контуры, починить сортировку, ровные фото карточек.
   Изолированный файл, подключается последним. Откат = убрать <link> из template.php. */

/* === 1. ДВОЙНЫЕ КОНТУРЫ ===
   Контейнеры форм/поиска сами показывают фокус (рамка + свечение).
   Внутренний input давал ВТОРОЙ outline поверх — убираем, остаётся один чистый контур. */
.c-form input:focus,
.c-form textarea:focus,
.c-form select:focus,
.c-search__form input:focus,
.site-header-search-text:focus,
.search-bar-what input:focus,
.catalog-filter input:focus,
.filter input:focus,
.filter input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
/* аккуратный единый фокус-контур на контейнере поиска (без наложения) */
.c-search__form:focus-within {
    border-color: var(--xport-brand, #fa9504) !important;
    box-shadow: 0 0 0 3px rgba(250, 149, 4, 0.16) !important;
}

/* === 2. СОРТИРОВКА (SumoSelect): текст не должен обрезаться === */
.SumoSelect > .optWrapper {
    width: max-content !important;
    min-width: 100% !important;
    max-width: 280px;
    right: 0;            /* раскрывать влево, чтобы не уезжать за край */
    left: auto;
}
.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .optWrapper > .options li.opt {
    white-space: nowrap !important;
    text-overflow: clip !important;
    overflow: visible !important;
}

/* === 3. ФОТО КАРТОЧЕК: одно и то же место на КАЖДОЙ карточке ===
   Раньше фото рендерилось своим натуральным размером и «прыгало».
   Теперь заполняет всю фикс-область (object-fit:contain, по центру) → единообразно. */
.xport-product-card__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px;
    box-sizing: border-box;
}
.xport-product-card__image img,
.xport-product-card__image .mg-product-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    display: block !important;
}

/* === 4. КНОПКИ «В корзину»: презентабельный белый текст (как на ховере) === */
.xport-product-card__action .addToCart,
.xport-product-card__action .product-buy,
.xport-product-card__action a,
.reccomend-product-item .addToCart {
    color: #fff !important;
    letter-spacing: .2px;
}