/* OTALEX · WeShoes Sales Associate adapter */

.ws-seller-future-note{
    margin-top:14px;
    padding:12px 14px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fafbfe;
    color:var(--muted);
    font-size:9px;
    line-height:1.5;
}

.ws-seller-result-summary{
    margin:11px 0 7px;
    color:var(--muted);
    font-size:9px;
}

.ws-seller-model-result{
    min-height:70px;
}

.ws-seller-model-result small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:8px;
}

.ws-seller-product-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 11px;
    margin-top:7px;
    color:var(--muted);
    font-size:8px;
}

.ws-seller-size-block{
    padding:14px 15px;
    border-top:1px solid #edf0f4;
    border-bottom:1px solid #edf0f4;
    background:#fafbfe;
}

.ws-seller-size-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
}

.ws-seller-size-title strong{
    font-size:10px;
}

.ws-seller-size-title span{
    color:var(--muted);
    font-size:8px;
}

.ws-seller-variants{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.ws-seller-variant{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:90px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    text-align:start;
}

.ws-seller-variant.active{
    border-color:var(--accent);
    background:#f3f1ff;
    box-shadow:
        0 0 0 2px
        rgba(101,87,245,.06);
}

.ws-seller-variant strong{
    font-size:9px;
}

.ws-seller-variant small{
    color:var(--muted);
    font-size:7px;
}

.ws-seller-selected{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:11px 15px;
    border-bottom:1px solid #edf0f4;
}

.ws-seller-selected > div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.ws-seller-selected span{
    color:var(--muted);
    font-size:8px;
}

.ws-seller-selected strong{
    font-size:10px;
}

.seller-own-stock-qty.positive{
    color:var(--green);
}

.seller-own-stock-qty.zero{
    color:#a54843;
}

.ws-seller-movement-note{
    margin-top:9px;
    color:var(--muted);
    font-size:8px;
    line-height:1.45;
}


@media(max-width:520px){

    .ws-seller-variant{
        flex:
            1
            1
            calc(50% - 6px);
    }

    .ws-seller-selected{
        grid-template-columns:1fr;
    }
}

/* WeShoes Sales Associate media v1 */

.ws-seller-model-result{
    display:grid;
    grid-template-columns:
        62px
        minmax(0,1fr)
        auto;
    gap:10px;
    align-items:center;
}

.ws-seller-thumb{
    display:flex;
    align-items:center;
    justify-content:center;
    width:62px;
    height:62px;
    overflow:hidden;
    border:1px solid #edf0f4;
    border-radius:11px;
    background:#fff;
}

.ws-seller-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.ws-seller-product-image{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 120px;
    width:120px;
    height:140px;
    overflow:hidden;
    border:1px solid #edf0f4;
    border-radius:13px;
    background:#fff;
}

.ws-seller-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}


@media(max-width:520px){

    .ws-seller-model-result{
        grid-template-columns:
            54px
            minmax(0,1fr);
    }

    .ws-seller-model-result
    .seller-result-price{
        grid-column:2;
    }

    .ws-seller-thumb{
        width:54px;
        height:54px;
    }

    .seller-product-head{
        display:grid;
        grid-template-columns:
            84px
            minmax(0,1fr);
        gap:11px;
    }

    .ws-seller-product-image{
        width:84px;
        height:100px;
    }

    .seller-product-price{
        grid-column:
            1 / -1;
    }
}

/* WeShoes configurable Sales Associate image sizing v2 */

.ws-seller-model-result{
    grid-template-columns:
        var(--ws-search-thumb-width,84px)
        minmax(0,1fr)
        auto;
}

.ws-seller-thumb{
    width:
        var(--ws-search-thumb-width,84px);

    height:
        var(--ws-search-thumb-width,84px);
}

.ws-seller-product-image{
    flex:
        0 0
        var(--ws-detail-image-width,240px);

    width:
        var(--ws-detail-image-width,240px);

    height:auto;

    aspect-ratio:
        1875 / 2452;
}

.ws-seller-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}


@media(max-width:520px){

    .ws-seller-model-result{
        grid-template-columns:
            var(
                --ws-mobile-search-thumb-width,
                64px
            )
            minmax(0,1fr);
    }

    .ws-seller-thumb{
        width:
            var(
                --ws-mobile-search-thumb-width,
                64px
            );

        height:
            var(
                --ws-mobile-search-thumb-width,
                64px
            );
    }

    .seller-product-head{
        grid-template-columns:
            var(
                --ws-mobile-detail-image-width,
                130px
            )
            minmax(0,1fr);
    }

    .ws-seller-product-image{
        flex:
            0 0
            var(
                --ws-mobile-detail-image-width,
                130px
            );

        width:
            var(
                --ws-mobile-detail-image-width,
                130px
            );

        height:auto;

        aspect-ratio:
            1875 / 2452;
    }
}

/* WeShoes Sales Associate mobile product hero v3 */

@media(max-width:520px){

    .seller-product-head{
        display:flex;
        flex-direction:column;
        gap:0;
        padding:0;
    }

    .ws-seller-product-image{
        order:1;

        display:flex;
        align-items:center;
        justify-content:center;

        width:100%;
        max-width:none;

        height:
            var(
                --ws-mobile-detail-image-height,
                280px
            );

        min-height:
            var(
                --ws-mobile-detail-image-height,
                280px
            );

        aspect-ratio:auto;

        border:0;
        border-bottom:
            1px solid #edf0f4;

        border-radius:0;

        padding:12px 16px;

        background:#fff;
    }

    .ws-seller-product-image img{
        display:block;
        width:100%;
        height:100%;
        object-fit:contain;
    }

    .seller-product-head > div:not(
        .ws-seller-product-image
    ){
        order:2;
        width:100%;
        padding:15px 16px 8px;
    }

    .seller-product-head h2{
        margin:
            2px
            0
            8px;

        font-size:17px;
        line-height:1.35;
    }

    .seller-product-price{
        order:3;
        width:100%;
        margin:0;
        padding:
            4px
            16px
            15px;

        font-size:22px;
        text-align:start;
    }
}