/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 30 2026 | 06:04:19 */
.sort-wrapper{
    position:relative;
    display:inline-block;
    width:230px; /* можно изменить */
}

#product-sort{
    width:100%;
    height:52px;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    padding:0 42px 0 16px;

    background:#fff;
    border:1px solid #A29A9A;
    border-radius:5px;

    color:#272727;
font-family: var(--e-global-typography-text-font-family);
font-size: var(--e-global-typography-text-font-size);
font-weight: var(--e-global-typography-text-font-weight);
line-height: var(--e-global-typography-text-line-height);

    cursor:pointer;
    transition:.25s;
}

#product-sort:hover{
    border-color:#A11B1B;
}

#product-sort:focus{
    outline:none;
    border-color:#A11B1B;
    color:#A11B1B;
}

/* Стрелка */
.sort-wrapper::after{
    content:"";
    position:absolute;
    right:16px;
    top:50%;

    width:8px;
    height:8px;

    border-right:2px solid #666;
    border-bottom:2px solid #666;

    transform:translateY(-70%) rotate(45deg);

    pointer-events:none;
    transition:.25s;
}

.sort-wrapper:focus-within::after{
    transform:translateY(-35%) rotate(-135deg);
}