/**
 * Brands PLP — extracted from old_ref brands.min.css
 * @see dev-doc/brands_plp_migration_plan.html P6
 */

@charset "UTF-8";
.brands-productlisting-body #maincontent {
    display: none !important;
}
.brands-productlisting-body .page-main {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
}
.brands-productlisting-body .brands-wrapper {
    background-image: url(../images/common/pattern30.png);
    background-repeat: no-repeat;
    background-position: right -639px top 40%;
    background-size: 1278px;
}
.brands-productlisting-body .vs-common-listingWrapper {
    padding-bottom: 200px;
}
@media only screen and (max-width: 1023px) {
    .brands-productlisting-body .vs-common-listingWrapper {
        padding-top: 40px;
    }
}
.brands-productlisting-body .vs-common-listingWrapper .brandTitle,
.brands-productlisting-body .vs-common-listingWrapper .brandTitle a {
    font-family: "Cormorant Garamond", "Noto Sans TC", "Noto Sans SC",
        "Heiti TC", "LiHei Pro", "新細明體", PMingLiU, serif;
    text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 1.25em;
}
.brands-productlisting-body .vs-common-listingWrapper .brandTitle {
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body .vs-common-listingWrapper .brandTitle {
        font-size: 24px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brands-productlisting-body .vs-common-listingWrapper .brandTitle {
        font-size: 34px;
    }
}
.brands-productlisting-body .vs-common-listingWrapper .brandTitle a {
    color: #212121;
    transition: all 0.2s ease-out;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body .vs-common-listingWrapper .brandTitle a {
        font-size: 24px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brands-productlisting-body .vs-common-listingWrapper .brandTitle a {
        font-size: 34px;
    }
}
@media only screen and (min-width: 1024px) {
    .brands-productlisting-body .vs-common-listingWrapper .brandTitle a:hover {
        color: #a37e2c;
    }
}
.brands-productlisting-body .vs-common-listingWrapper .brandCollectionLabel {
    margin-bottom: 60px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.25em;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .brandCollectionLabel {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .brandCollectionLabel {
        font-size: 16px;
    }
}
.brands-productlisting-body .vs-common-listingWrapper .filterLabel {
    font-family: "Cormorant Garamond", "Noto Sans TC", "Noto Sans SC",
        "Heiti TC", "LiHei Pro", "新細明體", PMingLiU, serif;
    color: #212121;
    font-weight: 400 !important;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.25em;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body .vs-common-listingWrapper .filterLabel {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brands-productlisting-body .vs-common-listingWrapper .filterLabel {
        font-size: 18px;
    }
}
.brands-productlisting-body .vs-common-listingWrapper .listGroupBtn-text {
    font-family: "Cormorant Garamond", "Noto Sans TC", "Noto Sans SC",
        "Heiti TC", "LiHei Pro", "新細明體", PMingLiU, serif;
    color: #212121;
    font-weight: 400 !important;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.25em;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body .vs-common-listingWrapper .listGroupBtn-text {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brands-productlisting-body .vs-common-listingWrapper .listGroupBtn-text {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body .vs-common-listingWrapper .listGroupBtn-text {
        font-size: 18px;
    }
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort {
    display: flex;
    justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .toolbar
        .ewcProductFilterSort {
        justify-content: space-between;
    }
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductFilter {
    display: none;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .toolbar
        .ewcProductFilterSort
        .ewcProductFilter {
        display: block;
        min-width: calc((100% - 16px) / 2);
        max-width: calc((100% - 16px) / 2);
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .toolbar
        .ewcProductFilterSort
        .ewcProductFilter {
        display: block;
        min-width: 245px;
        max-width: 245px;
        margin-right: 20px;
    }
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductFilter
    .filterBtn {
    margin: 0;
    width: 100%;
    overflow: visible;
    background: 0 0;
    font: inherit;
    outline: 0;
    line-height: normal;
    border-radius: 0;
    cursor: pointer;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    touch-action: manipulation;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #99785c;
    color: #99785c;
    transition: all 0.25s;
    justify-content: flex-start;
    padding: 0 32px 0 8px;
    height: 32px;
    background-size: 24px 24px;
    background-position-x: calc(100% - 4px);
    background-position-y: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23BD9471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'><polyline points='6 9 12 15 18 9'></polyline></svg>");
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductFilter
    .filterBtn::-moz-focus-inner,
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort
    .toolbar-sorter
    .sorter-options::-moz-focus-inner {
    border: 0;
    padding: 0;
}
@media only screen and (min-width: 768px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .toolbar
        .ewcProductFilterSort
        .ewcProductFilter
        .filterBtn:hover {
        color: #fff;
        background-color: #bd9471;
        text-decoration: none;
    }
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort {
    position: relative;
    display: block;
    width: 265px;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .toolbar
        .ewcProductFilterSort
        .ewcProductSort {
        width: 100%;
        min-width: calc((100% - 16px) / 2);
        max-width: calc((100% - 16px) / 2);
    }
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort
    .toolbar-sorter {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.brands-productDetails-productTop
    .brands-productDetails-productTop-wrapper
    .brands-productDetails-productTop-infoPanel
    .action.towishlist:before,
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort
    .toolbar-sorter
    .sorter-label,
.brands-wrapper .vs-common-watchItem .vs-common-watchItem-infoWrapper:after,
.brands-wrapper .vs-common-watchItem .vs-common-watchItem-infoWrapper:before,
.brands-wrapper .vs-common-watchItem:after {
    display: none !important;
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort
    .toolbar-sorter
    .sorter-options {
    width: auto;
    overflow: visible;
    background: 0 0;
    font: inherit;
    outline: 0;
    border-radius: 0;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.25em;
    margin: 0;
    position: relative;
    display: block;
    width: calc(100% - 32px);
    border: 1px solid;
    padding: 4px 32px 4px 8px;	
    border-color: #99785c;
    background-size: 24px 24px;
    background-position-x: calc(100% - 4px);
    background-position-y: 4px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23BD9471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    color: #a37e2c;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .brands-productlisting-body
        .vs-common-listingWrapper
        .toolbar
        .ewcProductFilterSort
        .ewcProductSort
        .toolbar-sorter
        .sorter-options {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1.25em;
        margin: 0;
        padding: 0 32px 0 8px;
    }
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort
    .toolbar-sorter
    .sorter-action {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
}
.brands-productlisting-body
    .vs-common-listingWrapper
    .toolbar
    .ewcProductFilterSort
    .ewcProductSort
    .toolbar-sorter
    .sorter-action::before {
    color: #99785c;
}
.brands-productlisting-body .vs-common-listingWrapper .toolbar .cPages {
    margin-top: 50px;
}
@media only screen and (max-width: 1023px) {
    .brands-header {
        display: block;
        padding: 40px 20px 0;
    }
    .brands-header h1 {
        text-align: center;
    }
    .brands-header h1 a {
        text-transform: uppercase;
        color: #212121;
        font-family: "Cormorant Garamond", "Noto Sans TC", "Noto Sans SC",
            "Heiti TC", "LiHei Pro", "新細明體", PMingLiU, serif;
        font-size: 48px;
        letter-spacing: 0;
        line-height: 1.25em;
        transition: all 0.2s ease-out;
    }
}
@media only screen and (max-width: 1023px) and (max-width: 767px) {
    .brands-header h1 a {
        font-size: 36px;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
    .brands-header h1 a {
        font-size: 48px;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 1024px) {
    .brands-header h1 a:hover {
        color: #a37e2c;
    }
}
.brands-header .brandCollectionLabel {
    margin-top: 10px;
    text-align: center;
}