/* Shared catalogue cards. Product detail text is intentionally outside this scope. */
#container .sct_li .sct_txt > a,
#container .sct_li a.sct_txt,
#container #sct .sct_li .sct_txt > a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing: content-box;
    width: auto;
    min-width: 0;
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    word-spacing: 0;
    word-break: keep-all;
    overflow-wrap: anywhere;
    text-align: left;
    color: #333;
}

#container .sct_li .sct_basic {
    display: none !important;
}

#container .sct_li .sct_txt,
#container .sct_li .sct_txt_wr {
    min-width: 0;
}

#container .sct_li .sct_cost,
#container #sct .sct_li .sct_cost {
    min-height: 22px;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
}

#container .sct_li .sct_cost .sct_discount {
    font-size: 12px;
    font-weight: 400;
}

/* Mobile image badges stay inside the square, without an empty badge row. */
#container .sct_li .sct_img > a {
    display: block;
    position: relative;
}

#container #sct_wrap .sct_li .sct_img {
    margin-bottom: 0;
}

#container #sct_wrap .sct_li .sct_icon_wr {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    display: block;
    height: auto;
    margin: 0;
    line-height: 18px;
    text-align: left;
}

#container #sct_wrap .sct_li .sct_icon {
    margin: 0;
}

#container #sct_wrap.sct_10 .sct_txt {
    margin: 12px 0 0;
}

/* Factory and shipping tags share the product title's two-line text flow. */
#container .sct_li .oerep-catalog-name,
#container #sct .sct_li .oerep-catalog-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing: content-box;
    min-width: 0;
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    word-spacing: 0;
    word-break: keep-all;
    overflow-wrap: anywhere;
    text-align: left;
    color: #333;
}

#container .sct_li .oerep-catalog-tags {
    display: inline;
    margin: 0;
    padding: 0;
}

#container .sct_li .oerep-catalog-tag {
    display: inline-block;
    box-sizing: border-box;
    height: 18px;
    margin-right: 4px;
    padding: 0 4px;
    border: 1px solid #dcdfe2;
    border-radius: 3px;
    background: #f4f5f6;
    color: #4b5157;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    vertical-align: 1px;
    white-space: nowrap;
}

#container .sct_li .oerep-catalog-tag--domestic {
    border-color: #c9ded4;
    background: #eef6f1;
    color: #276348;
}

#container .sct_li .oerep-catalog-tag--overseas {
    border-color: #cbd9e9;
    background: #eff4fb;
    color: #365f8b;
}

#container .sct_li a.oerep-catalog-tag--factory {
    text-decoration: none;
    cursor: pointer;
}

#container .sct_li a.oerep-catalog-tag--factory:hover {
    border-color: #7b8289;
    background: #e7eaed;
    color: #20252a;
}

#container .sct_li a.oerep-catalog-tag--factory:focus-visible {
    outline: 2px solid #4b5157;
    outline-offset: 1px;
}

#container .sct_li .oerep-catalog-name > a.oerep-catalog-product-name,
#container #sct .sct_li .oerep-catalog-name > a.oerep-catalog-product-name {
    display: inline;
    -webkit-line-clamp: unset;
    position: static;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    word-break: keep-all;
    overflow-wrap: anywhere;
    color: inherit;
}


/* Shared product result layout: categories, searches, events and product types. */
#container ul.sct[data-oerep-catalog="desktop"]:not(.sct_40) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 58px 32px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 24px 36px;
    list-style: none;
    align-items: start;
}
#container ul.sct[data-oerep-catalog="desktop"]:not(.sct_40)::after,
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10::after {display:none}
#container ul.sct[data-oerep-catalog="desktop"]:not(.sct_40) > li.sct_li,
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10 > li.sct_li {
    float: none;
    clear: none;
    width: auto !important;
    min-width: 0;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
}
#container ul.sct[data-oerep-catalog="desktop"]:not(.sct_40) > li.sct_li > .sct_img,
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10 .sct_img {
    position: relative;
    width: 100%;
    margin: 0;
}
#container ul.sct[data-oerep-catalog="desktop"]:not(.sct_40) .sct_img > a > img,
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10 .sct_img > a > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
#container ul.sct[data-oerep-catalog="desktop"]:not(.sct_40) > li.sct_li > .sct_txt {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 14px 0 0;
}
#container ul.sct[data-oerep-catalog="desktop"] .sct_txt > .sct_icon {
    min-height: 0;
    margin: 8px 0 0;
    line-height: 18px;
}
#container [data-oerep-catalog] .sct_icon:empty {display:none !important}
#container [data-oerep-catalog] .sct_cost {
    min-height: 22px;
    margin: 8px 0 0;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    word-spacing: 0;
    text-align: left;
}
/* Phones use two columns, with the same outer margins across result pages. */
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    box-sizing: border-box;
    width: 100vw;
    max-width: none;
    margin: 0 calc((100% - 100vw) / 2) 20px;
    padding: 16px;
    list-style: none;
    align-items: start;
}
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10 .li_wr {padding:0}
#container #sct_wrap[data-oerep-catalog="mobile"].sct_10 .sct_txt {
    margin: 12px 0 0;
    padding: 0;
}
@media (min-width:640px) {
    #container #sct_wrap[data-oerep-catalog="mobile"].sct_10 {grid-template-columns:repeat(4,minmax(0,1fr))}
}