/*
 * Temporary reconstruction layer.
 * Legacy style.css remains the visual baseline.
 */

.legacy-home .header img {
    border: 0;
}

.legacy-home .preview-title-image {
    max-width: 100%;
}

.legacy-home .preview-search {
    display: flex;
    align-items: center;
}

.legacy-home .preview-search input {
    box-sizing: border-box;
    width: 251px;
    height: 32px;
    padding: 6px 10px 7px;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    outline: 0;
    font-family: Verdana, sans-serif;
    font-size: 15px;
}

.legacy-home .preview-search button {
    box-sizing: border-box;
    height: 32px;
    margin-left: -1px;
    padding: 6px 15px;
    border: 1px solid #cbcbcb;
    border-radius: 0 3px 3px 0;
    background: #fff;
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: 15px;
    cursor: pointer;
}

.legacy-home .footer-href {
    color: #fff;
}

/*
 * Production home category images render at their
 * natural legacy dimensions: 294x220 for root cards.
 * Explicit reset also defeats any cached V1 constraint.
 */
.legacy-home .main-catalog-item-img > img {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: fill !important;
}

/* HOME_CAROUSEL_V3 */
.legacy-home #main-items {
    overflow: hidden;
}

.legacy-home #main-items .main-items-center > table {
    margin-left: auto;
    margin-right: auto;
}

.legacy-home #main-items .main-items-center > table > tbody > tr > td {
    vertical-align: middle;
}

.legacy-home #main-items .carousel {
    width: 1000px !important;
    overflow: hidden;
}

/*
 * jCarouselLite measured the legacy LI from its child:
 * .item = 188px content + 25px left + 25px right = 238px.
 */
.legacy-home #main-items .rebuild-carousel-track {
    display: flex;
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
    transform: translateX(0);
    transition: transform 0.25s ease;
}

.legacy-home #main-items .rebuild-carousel-track > li {
    flex: 0 0 238px;
    width: 238px;
    margin: 0;
    padding: 0;
}

/*
 * Do not override legacy .item/.item-img geometry here.
 * style.css remains authoritative:
 * .item      = 188x348 + 25px side padding + 5px top
 * .item-img  = 177x177
 * .item-href = 275px
 * title clip = 88px
 */

.legacy-home #main-items .rebuild-product-placeholder {
    display: inline-block;
    width: 177px;
    height: 177px;
    box-sizing: border-box;
}

.legacy-home #main-items .carouselprev,
.legacy-home #main-items .carouselnext {
    cursor: pointer;
}

/* /HOME_CAROUSEL_V3 */

/* CATEGORY_PREVIEW_V1 */

/*
 * Legacy .menuchilds is collapsed by default.
 * For the representative category we keep the current
 * branch open, matching production initial state.
 */
.legacy-category .category-preview-open {
    display: block !important;
}

/*
 * All visual category geometry remains owned by
 * the byte-identical legacy style.css.
 */
.legacy-category .main-catalog-left,
.legacy-category #main-catalog-right,
.legacy-category .catalog-mid-item,
.legacy-category .catalog-top-text,
.legacy-category #catalog-bottom-info {
    box-sizing: content-box;
}

/* /CATEGORY_PREVIEW_V1 */

/* SEO_STATIC_HOME_H1_V1 */
.legacy-home .desc h1.title {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    font-weight: normal;
    line-height: normal;
}