/** Shopify CDN: Minification failed

Line 17:16 Expected identifier but found whitespace
Line 17:18 Unexpected "{"
Line 17:26 Expected ":"
Line 17:74 Expected ":"
Line 18:19 Expected identifier but found whitespace
Line 18:21 Unexpected "{"
Line 18:29 Expected ":"
Line 18:80 Expected ":"
Line 22:20 Expected identifier but found whitespace
Line 22:22 Unexpected "{"
... and 10 more hidden warnings

**/
.main-collection-custom-padding {
    padding-top: {{section.settings.padding_top | times:0.75 | round:0}}px;
    padding-bottom: {{section.settings.padding_bottom | times:0.75 | round:0}}px
}
@media(min-width:750px) {
    .main-collection-custom-padding {
        padding-top: {{section.settings.padding_top}}px;
        padding-bottom: {{section.settings.padding_bottom}}px
    }
}
.main-collection-custom {
    --wrap: var(--page-width,1240px);
    --pad: 14px;
    --gap: 20px;
    --left: 292px;
    --muted: #8e8e8e;
    --line: #eee;
    --accent: #ffe500;
    --rbtn: 14px;
    --sticky-offset: 0px;
    --sticky-gap: 16px
}
.main-collection-custom .wrap {
    max-width: var(--wrap);
    margin: 0 auto;
    padding: 8px var(--pad) 28px
}
.main-collection-custom a {
    text-decoration: none
}
.main-collection-custom .topbar {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 16px;
    padding: 10px 12px;
    margin: 0 0 14px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.03)
}
.main-collection-custom .tb-left {
    display: flex;
    align-items: center;
    gap: 10px
}
.main-collection-custom .tb-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto
}
.main-collection-custom .btn-filter {
    display: none !important;
    border: 1.5px solid #111;
    border-radius: 12px;
    background: #fff;
    font-weight: 800;
    padding: 10px 14px;
    line-height: 1;
    gap: 8px;
    align-items: center
}
.main-collection-custom .sort {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #111;
    border-radius: 12px;
    background: #fff;
    padding: 10px 14px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0,0,0,.08)
}
.main-collection-custom .sort-label {
    letter-spacing: .04em;
    color: #555
}
.main-collection-custom .sort .select {
    position: relative;
    min-width: 180px
}
.main-collection-custom .sort select {
    appearance: none;
    border: 0;
    background: transparent;
    outline: none;
    padding: 6px 28px 6px 10px;
    font-weight: 700;
    cursor: pointer;
    width: 100%
}
.main-collection-custom .sort .caret {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    pointer-events: none
}
.main-collection-custom .page {
    display: grid;
    grid-template-columns: var(--left) 1fr;
    gap: var(--gap);
    align-items: start
}
@media (max-width:989.98px) {
    .main-collection-custom .page {
        grid-template-columns: 1fr
    }
}
.main-collection-custom .filter-card {
    position: sticky;
    top: calc(var(--sticky-offset)+var(--sticky-gap));
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 18px;
    max-height: calc(100vh - (var(--sticky-offset)+var(--sticky-gap)+14px));
    overflow: auto
}
@media (max-width:989.98px) {
    .main-collection-custom .filter-card {
        display: none
    }
}
.main-collection-custom .filter-title {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 14px;
    border-bottom: 1px solid var(--line);
    font-weight: 800;
    letter-spacing: .02em;
    margin: 0;
    z-index: 1
}
.main-collection-custom .filter-group {
    border-top: 1px solid var(--line)
}
.main-collection-custom .filter-group:first-of-type {
    border-top: 0
}
.main-collection-custom .fg-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    cursor: pointer;
    font-weight: 700;
    user-select: none
}
.main-collection-custom .fg-chevron {
    width: 18px;
    height: 18px;
    transition: transform .2s ease
}
details[open] .fg-chevron {
    transform: rotate(180deg)
}
.main-collection-custom .fg-body {
    padding: 6px 14px 12px
}
.main-collection-custom .price-range {
    padding-top: 6px
}
.main-collection-custom .range-row {
    position: relative;
    height: 32px;
    margin: 14px 6px 8px
}
.main-collection-custom .range-track {
    position: absolute;
    inset: 0;
    height: 6px;
    margin: auto;
    border-radius: 8px;
    background: #e6e6e6
}
.main-collection-custom .range-fill {
    position: absolute;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    background: #111
}
.main-collection-custom input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    inset: 0;
    background: transparent;
    height: 32px;
    pointer-events: none
}
.main-collection-custom input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #111;
    box-shadow: 0 0 0 4px #fff
}
.main-collection-custom input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #111
}
.main-collection-custom .price-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px
}
.main-collection-custom .price-inputs .pi {
    position: relative;
    flex: 1
}
.main-collection-custom .price-inputs input {
    width: 100%;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 8px 34px 8px 12px;
    font-weight: 600
}
.main-collection-custom .suffix {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-weight: 700
}
.main-collection-custom .price-dash {
    color: #aaa;
    font-weight: 700
}
.main-collection-custom .checklist {
    display: grid;
    gap: 10px
}
.main-collection-custom .check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}
.main-collection-custom .check label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer
}
.main-collection-custom .check input {
    width: 18px;
    height: 18px;
    border-radius: 4px
}
.main-collection-custom .check .count {
    color: #999;
    min-width: 22px;
    text-align: right
}
.main-collection-custom .swatches {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}
.main-collection-custom .sw {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 0 2px #fff;
    cursor: pointer;
    transition: transform .15s ease,box-shadow .15s ease
}
.main-collection-custom .sw:hover {
    transform: scale(1.08);
    box-shadow: inset 0 0 0 2px #fff,0 0 0 2px #111
}
.main-collection-custom .sw.is-active {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 2px #111
}
.main-collection-custom #product-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: var(--gap)
}
@media(max-width:900px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}
.main-collection-custom .card {
    padding-bottom: 16px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    display: flex;
    flex-direction: column;
    height: auto;
    padding-top: 12px;
    position: relative;
    z-index: 1
}
.main-collection-custom .card:hover {
    transform: none;
    box-shadow: none
}
.main-collection-custom .media {
    position: relative;
    display: block;
    background: transparent;
    aspect-ratio: 1 / 1;
    margin-top: -12px
}
.main-collection-custom .card:hover .media img {
    transform: scale(1.04)
}
.main-collection-custom .meta {
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
    background: transparent
}
.main-collection-custom .t {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.12em;
    line-height: 1.4;
    color: #111
}
.main-collection-custom .p {
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px
}
.main-collection-custom .row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}
.main-collection-custom .swatch {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid #d9d9d9;
    box-shadow: inset 0 0 0 2px #fff;
    transition: box-shadow .15s ease;
    background-clip: padding-box
}
.main-collection-custom .swatch:hover {
    box-shadow: inset 0 0 0 2px #fff,0 0 0 2px #111
}
.main-collection-custom .swatches-row {
    margin-top: 8px;
    margin-bottom: 12px;
    min-height: 22px
}
.main-collection-custom .cta {
    margin-top: auto
}
.main-collection-custom .button-bag {
    min-height: 52px;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--accent);
    border: 1.5px solid #111;
    border-radius: var(--rbtn);
    padding: 12px 16px;
    font-weight: 800;
    transition: transform .06s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;
    box-shadow: 0 2px 0 rgba(0,0,0,.2)
}
.main-collection-custom .button-bag:hover {
    box-shadow: 0 4px 0 rgba(0,0,0,.18)
}
.main-collection-custom .button-bag:active {
    transform: translateY(1px);
    box-shadow: 0 1px 0 rgba(0,0,0,.22)
}
.main-collection-custom .button-bag.is-loading {
    pointer-events: none;
    opacity: .7
}
.main-collection-custom .button-bag.is-added {
    background: #d7ffc1
}
.main-collection-custom .hide {
    display: none!important
}
.main-collection-custom .drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    width: 100vw !important;
    height: 100vh !important
}
.main-collection-custom .drawer.is-open {
    display: block !important
}
.main-collection-custom .dr-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,.35) !important;
    z-index: 1 !important
}
.main-collection-custom .dr-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    background: #fff !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important
}
.main-collection-custom .dr-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    position: relative !important;
    z-index: 3 !important
}
.main-collection-custom .dr-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 90px !important;
    background: #fff !important
}
.main-collection-custom .dr-actions {
    position: sticky !important;
    bottom: 0 !important;
    padding: 12px !important;
    border-top: 1px solid #eee !important;
    background: #fff !important;
    z-index: 3 !important
}
.main-collection-custom .dr-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.32)
}
.main-collection-custom .dr-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: min(92vw,380px);
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 24px rgba(0,0,0,.18);
    border-radius: 18px 0 0 18px
}
.main-collection-custom .dr-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--line)
}
.main-collection-custom .icon-x {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex: 0 0 auto
}
.main-collection-custom .dr-body {
    flex: 1;
    overflow: auto;
    padding-bottom: 8px
}
.main-collection-custom .dr-actions {
    padding: 12px;
    border-top: 1px solid var(--line);
    background: #fff
}
.main-collection-custom .btn-apply {
    width: 100%;
    border: 1.5px solid #111;
    border-radius: var(--rbtn);
    padding: 12px 16px;
    font-weight: 800;
    background: var(--accent)
}
@media (max-width:768px) {
    .main-collection-custom .wrap,.main-collection-custom .collection.page-width,.main-collection-custom .product-grid-container,.main-collection-custom #product-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 12px !important;
        box-sizing: border-box !important
    }
    @media (max-width:768px) {
        .main-collection-custom .t {
            font-size: 13.5px;
            letter-spacing: 0.1em
        }
    }
    .main-collection-custom .topbar {
        justify-content: space-between;
        align-items: stretch;
        gap: 10px;
        margin: 0 auto 14px;
        padding: 0 12px;
        width: 100%;
        box-sizing: border-box
    }
    .main-collection-custom .tb-left,.main-collection-custom .tb-right {
        min-width: 0
    }
    .main-collection-custom .sort {
        flex: 1 1 auto;
        min-width: 0;
        box-sizing: border-box;
        overflow: hidden
    }
    .main-collection-custom .sort .select {
        width: 100%;
        min-width: 0 !important
    }
    .main-collection-custom .sort select {
        width: 100% !important;
        max-width: 100% !important
    }
}
.main-collection-custom .btn-filter,.main-collection-custom .sort {
    display: flex !important;
    flex: 1 1 0;
    height: 40px;
    border: 1.5px solid #111;
    border-radius: 12px;
    background: #fff;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 700;
    font-size: 13.5px;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    transition: transform .2s ease,box-shadow .2s ease;
    padding: 0 18px
}
.main-collection-custom .btn-filter svg {
    width: 15px;
    height: 15px
}
.main-collection-custom .btn-filter:hover,.main-collection-custom .sort:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,.12)
}
.main-collection-custom .sort {
    position: relative;
    overflow: hidden
}
.main-collection-custom .sort .select {
    position: relative;
    width: 100%
}
.main-collection-custom .sort select {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 0 28px 0 12px !important;
    border: none !important;
    background: transparent !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer
}
.main-collection-custom .sort .caret {
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important
}
.main-collection-custom #product-grid {
    display: grid !important;
    grid-template-columns: repeat(2,1fr) !important;
    gap: 20px !important
}
.main-collection-custom #product-grid .card {
    border-radius: 0 !important
}
.main-collection-custom .card .meta {
    padding: 10px 12px 14px !important
}
.main-collection-custom .swatch {
    background-clip: border-box !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important
}
.main-collection-custom .swatch:hover,.main-collection-custom .swatch.is-active {
    box-shadow: 0 0 0 2px #111 !important
}
@media (max-width:768px) {
    .main-collection-custom .topbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        gap: 10px;
        padding: 0 12px;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 14px
    }
    .main-collection-custom .btn-filter {
        flex: 0 0 auto
    }
    .main-collection-custom .sort {
        flex: 1 1 auto;
        margin-left: auto;
        max-width: 60%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        justify-content: flex-end
    }
    .main-collection-custom .sort .select {
        width: auto;
        min-width: 0
    }
    .main-collection-custom .tb-left,.main-collection-custom .tb-right {
        flex: 1 1 auto;
        min-width: 0
    }
    .main-collection-custom .wrap {
        padding: 0 !important
    }
    .main-collection-custom .collection.page-width,.main-collection-custom .product-grid-container,.main-collection-custom #product-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        grid-template-columns: repeat(2,1fr) !important;
        gap: var(--gap) !important
    }
    .main-collection-custom #product-grid .card {
        width: 100% !important;
        border-radius: 14px !important
    }
}
@media (min-width:769px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: var(--gap) !important
    }
    .main-collection-custom .btn-filter {
        display: none !important
    }
    .main-collection-custom .sort {
        margin-left: auto
    }
}
@media (max-width:768px) {
    .main-collection-custom .wrap,.main-collection-custom .collection.page-width,.main-collection-custom .product-grid-container,.main-collection-custom #product-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 4px !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .topbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        gap: 10px;
        padding: 0 12px;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 14px
    }
    .main-collection-custom .btn-filter {
        flex: 0 0 auto
    }
    .main-collection-custom .sort {
        flex: 1 1 auto;
        margin-left: auto;
        max-width: 60%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        justify-content: flex-end
    }
    .main-collection-custom .sort .select {
        width: auto;
        min-width: 0
    }
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(2,1fr) !important;
        gap: 12px !important
    }
    .main-collection-custom #product-grid .card {
        border-radius: 14px !important;
        width: 100% !important
    }
    .main-collection-custom .card .meta {
        padding: 10px 12px 14px !important
    }
}
.button-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    background: #111;
    color: #fff;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border: 1.5px solid #111;
    transition: all 0.25s ease;
    text-decoration: none;
    box-shadow: 0 2px 0 rgba(0,0,0,0.25)
}
.button-view:hover {
    background: #000;
    transform: translateY(-1px);
    box-shadow: 0 4px 0 rgba(0,0,0,0.2)
}
.button-view:active {
    transform: translateY(1px);
    box-shadow: 0 1px 0 rgba(0,0,0,0.25)
}
@media (max-width:768px) {
    .button-view {
        min-height: 44px;
        font-size: 13.5px;
        border-radius: 10px
    }
}
.main-collection-custom .media {
    position: relative !important
}
.main-collection-custom .media .promo-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    width: auto !important;
    height: auto !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px 10px !important;
    background: #e60000 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    z-index: 10 !important;
    box-shadow: none !important;
    filter: none !important;
    pointer-events: none
}
.main-collection-custom .t,.main-collection-custom .p {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}
.main-collection-custom .t:hover,.main-collection-custom .p:hover {
    opacity: .75
}
.main-collection-custom .fg-summary span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #555
}
.main-collection-custom .filter-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    transition: border-color .15s ease,background .15s ease,color .15s ease
}
.main-collection-custom .filter-btn:hover {
    border-color: #111
}
.main-collection-custom .filter-btn.is-active {
    border-color: #111;
    background: #111;
    color: #fff
}
.main-collection-custom .filter-btn .count {
    font-size: 12px;
    opacity: 0.6;
    margin-left: 6px;
    white-space: nowrap
}
.main-collection-custom .checklist {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
    gap: 8px
}
.main-collection-custom .price-inputs input {
    border-radius: 0;
    border: 1px solid #cfcfcf;
    font-weight: 400
}
.main-collection-custom .range-track,.main-collection-custom .range-fill {
    border-radius: 0
}
.main-collection-custom input[type="range"]::-webkit-slider-thumb {
    border-radius: 0
}
.main-collection-custom input[type="range"]::-moz-range-thumb {
    border-radius: 0
}
.main-collection-custom input[type="range"]::-webkit-slider-thumb {
    border-radius: 999px !important
}
.main-collection-custom input[type="range"]::-moz-range-thumb {
    border-radius: 999px !important
}
.main-collection-custom .range-track,.main-collection-custom .range-fill {
    border-radius: 999px !important
}
.main-collection-custom .btn-filter,.main-collection-custom .sort {
    border-radius: 0 !important
}
.main-collection-custom .sort .select,.main-collection-custom .sort select {
    border-radius: 0 !important
}
@media (max-width:989.98px) {
    .main-collection-custom .drawer {
        inset: 0 !important
    }
    .main-collection-custom .dr-panel {
        width: 100vw !important;
        height: 100vh !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }
    .main-collection-custom .dr-body {
        padding-bottom: 84px !important
    }
    .main-collection-custom .dr-actions {
        position: sticky;
        bottom: 0;
        padding: 12px;
        background: #fff;
        border-top: 1px solid #eee
    }
    .main-collection-custom .btn-apply {
        background: #111 !important;
        color: #fff !important;
        border-color: #111 !important;
        border-radius: 0 !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: .04em;
        box-shadow: none !important
    }
    .main-collection-custom .btn-apply:hover {
        background: #000 !important
    }
}
.main-collection-custom .btn-apply {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase;
    transition: none !important
}
.main-collection-custom .btn-apply:hover,.main-collection-custom .btn-apply:active,.main-collection-custom .btn-apply:focus {
    background: #111 !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: none !important
}
.main-collection-custom .sort {
    border: 1px solid #111 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: none !important
}
.main-collection-custom .sort:hover,.main-collection-custom .sort:active,.main-collection-custom .sort:focus {
    transform: none !important;
    box-shadow: none !important
}
.main-collection-custom .sort select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-weight: 500 !important
}
.main-collection-custom .topbar {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important
}
@media (max-width:989.98px) {
    .main-collection-custom #drawer-global .dr-body .filter-title {
        display: none !important
    }
}
.main-collection-custom .meta {
    min-width: 0
}
.main-collection-custom .t {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%
}
@media (max-width:768px) {
    .main-collection-custom .t {
        -webkit-line-clamp: 2
    }
}
@media (min-width:769px) {
    .main-collection-custom .t {
        -webkit-line-clamp: 2
    }
}
@media (min-width:1100px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
        gap: 16px !important
    }
    .main-collection-custom .card {
        padding-top: 8px !important;
        padding-bottom: 12px !important
    }
    .main-collection-custom .media img {
        inset: 12% 12% !important;
        width: 76% !important;
        height: 76% !important
    }
    .main-collection-custom .t {
        font-size: 13px !important;
        letter-spacing: 0.10em !important
    }
    .main-collection-custom .p {
        font-size: 13px !important
    }
}
@media (min-width:769px) and (max-width:1099.98px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 18px !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(2,1fr) !important
    }
}
.main-collection-custom .media .promo-badge {
    padding: 4px 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    top: 8px !important;
    left: 8px !important
}
@media (max-width:768px) {
    .main-collection-custom .media .promo-badge {
        padding: 3px 7px !important;
        font-size: 10px !important;
        top: 7px !important;
        left: 7px !important
    }
}
.main-collection-custom .media {
    position: relative !important
}
.main-collection-custom .pl-badges {
    position: absolute;
    left: 10px;
    bottom: 10px;
    top: auto !important;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    z-index: 20;
    pointer-events: none
}
.main-collection-custom .pl-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    border-radius: 0;
    background: #f3f3f3;
    color: #111;
    white-space: nowrap
}
@media (max-width:768px) {
    .main-collection-custom .pl-badges {
        left: 8px;
        bottom: 8px;
        top: auto !important;
        gap: 5px;
        max-width: calc(100% - 50px);
        flex-wrap: nowrap;
        align-items: center
    }
    .main-collection-custom .pl-badge {
        min-height: 22px;
        padding: 4px 9px;
        font-size: 10px;
        line-height: 1
    }
}
.main-collection-custom .pl-badge--best {
    background: #f3f3f3;
    color: #111111
}
.main-collection-custom .pl-badge--promo {
    background: #f3f3f3;
    color: #ff2b4a
}
.main-collection-custom .pl-badge--second {
    background: #f3f3f3;
    color: #b08a2a
}
.main-collection-custom .p {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 8px;
    row-gap: 6px;
    font-weight: 500;
    font-size: 14px
}
.main-collection-custom .pl-price {
    display: inline-block
}
.main-collection-custom .pl-compare {
    margin-left: 0;
    text-decoration: line-through;
    opacity: .6;
    font-size: 0.85em
}
.main-collection-custom .pl-sale {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 0;
    background: #cda34a;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 1
}
@media (max-width:768px) {
    .main-collection-custom .p {
        column-gap: 6px;
        row-gap: 5px
    }
    .main-collection-custom .pl-sale {
        font-size: 11px;
        padding: 3px 7px
    }
}
@media (min-width:1100px) {
    .main-collection-custom {
        --wrap: 100%;
        --pad: 34px;
        --gap: 20px
    }
    .main-collection-custom .wrap {
        max-width: none !important;
        width: 100% !important;
        padding-left: var(--pad) !important;
        padding-right: var(--pad) !important
    }
    .main-collection-custom .page {
        grid-template-columns: var(--left) 1fr !important
    }
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
        gap: var(--gap) !important
    }
    .main-collection-custom .card {
        padding-top: 10px !important;
        padding-bottom: 14px !important
    }
    .main-collection-custom .media img {
        inset: 8% 8% !important;
        width: 84% !important;
        height: 84% !important
    }
    .main-collection-custom .t {
        font-size: 13.5px !important;
        letter-spacing: 0.11em !important
    }
    .main-collection-custom .p {
        font-size: 13.5px !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom .tb-right {
        justify-content: flex-end !important
    }
    .main-collection-custom .sort {
        margin-right: 30px !important
    }
}
.main-collection-custom .topbar,.main-collection-custom .filter-card {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s ease,transform .6s ease;
    will-change: opacity,transform
}
.main-collection-custom.is-ready .topbar,.main-collection-custom.is-ready .filter-card {
    opacity: 1;
    transform: translateY(0)
}
.main-collection-custom .pl-card {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .6s ease,transform .6s ease;
    will-change: opacity,transform
}
.main-collection-custom .pl-card.is-inview {
    opacity: 1;
    transform: translateY(0)
}
.main-collection-custom .pl-badges {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .45s ease,transform .45s ease;
    transition-delay: .12s
}
.main-collection-custom .pl-card.is-inview .pl-badges {
    opacity: 1;
    transform: translateY(0)
}
@media (prefers-reduced-motion:reduce) {
    .main-collection-custom .topbar,.main-collection-custom .filter-card,.main-collection-custom .pl-card,.main-collection-custom .pl-badges {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important
    }
}
.main-collection-custom .media {
    position: relative !important;
    overflow: hidden !important
}
.main-collection-custom .pc-wl-btn {
    position: absolute !important;
    right: 10px !important;
    bottom: 52px !important;
    left: auto !important;
    top: auto !important;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 30 !important;
    line-height: 0
}
.main-collection-custom .pc-wl-btn svg {
    width: 22px;
    height: 22px;
    display: block;
    flex: 0 0 auto
}
.main-collection-custom .pc-wl-btn .pc-wl-svg--off {
    display: block !important;
    color: #111111
}
.main-collection-custom .pc-wl-btn .pc-wl-svg--on {
    display: none !important;
    color: #d7002f
}
.main-collection-custom .pc-wl-btn.is-on .pc-wl-svg--off {
    display: none !important
}
.main-collection-custom .pc-wl-btn.is-on .pc-wl-svg--on {
    display: block !important
}
@media (max-width:768px) {
    .main-collection-custom .pl-card {
        display: flex !important;
        flex-direction: column !important
    }
    .main-collection-custom .media {
        position: relative !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important
    }
    .main-collection-custom .meta {
        display: flex !important;
        flex-direction: column !important;
        padding: 10px 12px 14px !important
    }
    .main-collection-custom .t {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        line-height: 1.4 !important;
        min-height: calc(1.4em * 2) !important;
        margin: 0 0 8px 0 !important
    }
    .main-collection-custom .p {
        margin-top: 0 !important
    }
    .main-collection-custom .swatches-row {
        margin-top: 8px !important
    }
    .main-collection-custom .pc-wl-btn {
        position: absolute !important;
        right: 8px !important;
        bottom: 8px !important;
        top: auto !important;
        left: auto !important;
        z-index: 30 !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .media {
        position: relative !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 160px !important;
        overflow: hidden !important
    }
    .main-collection-custom .media-link {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 100% !important
    }
    .main-collection-custom .media img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
        visibility: visible !important
    }
    .main-collection-custom .img-primary {
        opacity: 1 !important;
        z-index: 1 !important
    }
    .main-collection-custom .img-secondary {
        opacity: 0 !important;
        z-index: 2 !important
    }
    .main-collection-custom .pl-badges {
        z-index: 3 !important
    }
    .main-collection-custom .pc-wl-btn {
        z-index: 4 !important
    }
}
.main-collection-custom .pl-badges {
    position: absolute !important;
    left: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    z-index: 20 !important;
    pointer-events: none !important
}
.main-collection-custom .pl-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important
}
.main-collection-custom .pc-wl-btn {
    bottom: 10px !important
}
@media (max-width:768px) {
    .main-collection-custom .pl-badges {
        left: 8px !important;
        bottom: 8px !important;
        top: auto !important;
        gap: 5px !important;
        max-width: calc(100% - 50px) !important;
        flex-wrap: nowrap !important;
        align-items: center !important
    }
    .main-collection-custom .pl-badge {
        min-height: 22px !important;
        padding: 4px 9px !important;
        font-size: 10px !important
    }
    .main-collection-custom .pc-wl-btn {
        right: 8px !important;
        bottom: 8px !important;
        top: auto !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 14px !important;
        align-items: start !important
    }
    .main-collection-custom .pl-card {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 100% !important
    }
    .main-collection-custom .media {
        position: relative !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 160px !important;
        overflow: hidden !important;
        margin-top: 0 !important
    }
    .main-collection-custom .media-link {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 100% !important
    }
    .main-collection-custom .media img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important
    }
    .main-collection-custom .img-primary {
        opacity: 1 !important;
        z-index: 1 !important
    }
    .main-collection-custom .img-secondary {
        opacity: 0 !important;
        z-index: 2 !important
    }
    .main-collection-custom .pl-badges {
        position: absolute !important;
        left: 8px !important;
        bottom: 8px !important;
        top: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-wrap: nowrap !important;
        max-width: calc(100% - 44px) !important;
        z-index: 3 !important;
        pointer-events: none !important
    }
    .main-collection-custom .pl-badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 20px !important;
        padding: 4px 7px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        white-space: nowrap !important
    }
    .main-collection-custom .pc-wl-btn {
        position: absolute !important;
        right: 8px !important;
        top: 8px !important;
        bottom: auto !important;
        left: auto !important;
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 50 !important;
        line-height: 0 !important
    }
    .main-collection-custom .pc-wl-btn svg {
        width: 20px !important;
        height: 20px !important
    }
    .main-collection-custom .pc-wl-btn svg {
        width: 18px !important;
        height: 18px !important
    }
    .main-collection-custom .meta {
        display: flex !important;
        flex-direction: column !important;
        padding: 10px 6px 0 !important;
        min-width: 0 !important
    }
    .main-collection-custom .t {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        line-height: 1.35 !important;
        min-height: calc(1.35em * 2) !important;
        margin: 0 0 8px 0 !important;
        font-size: 12px !important;
        letter-spacing: 0.08em !important
    }
    .main-collection-custom .p {
        margin-top: 0 !important;
        min-height: 24px !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important
    }
    .main-collection-custom .swatches-row {
        margin-top: 8px !important;
        min-height: 18px !important
    }
}
@media (min-width:769px) {
    .main-collection-custom .pc-wl-btn {
        position: absolute !important;
        right: 10px !important;
        top: 10px !important;
        bottom: auto !important;
        left: auto !important;
        width: 34px !important;
        height: 34px !important;
        z-index: 60 !important
    }
    .main-collection-custom .pc-wl-btn svg {
        width: 22px !important;
        height: 22px !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .pc-wl-btn {
        position: absolute !important;
        right: 8px !important;
        top: 8px !important;
        bottom: auto !important;
        left: auto !important;
        width: 30px !important;
        height: 30px !important;
        z-index: 60 !important
    }
    .main-collection-custom .pc-wl-btn svg {
        width: 18px !important;
        height: 18px !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .pl-badges {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        row-gap: 4px !important
    }
    .main-collection-custom .pl-badge--second {
        order: -1 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin-right: 100% !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .pl-card.hide,.main-collection-custom .pl-card.hide {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important
    }
    .main-collection-custom #product-grid .pl-card:not(.hide) {
        visibility: visible
    }
}
.main-collection-custom .pl-card--bundle .media {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    background: transparent
}
.main-collection-custom .pl-card--bundle .bundle-media-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important
}
.main-collection-custom .pl-card--bundle .bundle-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    transform: none !important;
    transition: opacity .25s ease !important
}
.main-collection-custom .pl-card--bundle .bundle-image--1 {
    opacity: 1 !important;
    z-index: 1 !important
}
.main-collection-custom .pl-card--bundle .bundle-image--2 {
    opacity: 0 !important;
    z-index: 2 !important
}
.main-collection-custom .pl-card--bundle.is-bundle-swapped .bundle-image--1 {
    opacity: 0 !important
}
.main-collection-custom .pl-card--bundle.is-bundle-swapped .bundle-image--2 {
    opacity: 1 !important
}
.main-collection-custom .pl-card--bundle .pc-wl-btn {
    z-index: 5 !important
}
@media (hover:hover) and (pointer:fine) {
    .main-collection-custom .pl-card--bundle[data-bundle-has-hover="true"]:hover .bundle-image--1 {
        opacity: 0 !important
    }
    .main-collection-custom .pl-card--bundle[data-bundle-has-hover="true"]:hover .bundle-image--2 {
        opacity: 1 !important
    }
}
.main-collection-custom .bundle-meta {
    padding: 10px 0 14px !important
}
.main-collection-custom .pl-card--bundle .bundle-meta {
    padding-left: 0 !important;
    padding-right: 0 !important
}
.main-collection-custom .pl-card--bundle .bundle-prices,.main-collection-custom .pl-card--bundle .bundle-price,.main-collection-custom .pl-card--bundle .bundle-regular {
    width: 100%
}
.main-collection-custom .pl-card--bundle .bundle-saving {
    width: 100%;
    box-sizing: border-box
}
.main-collection-custom .bundle-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: calc(1.4em * 2)
}
.main-collection-custom .bundle-prices {
    width: 100%;
    margin-top: 8px
}
.main-collection-custom .bundle-price,.main-collection-custom .bundle-regular {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    line-height: 1.3
}
.main-collection-custom .bundle-price {
    font-size: 14px;
    font-weight: 500
}
.main-collection-custom .bundle-price strong,.main-collection-custom .bundle-regular s {
    white-space: nowrap
}
.main-collection-custom .bundle-price strong {
    font-weight: 600
}
.main-collection-custom .bundle-regular {
    margin-top: 3px;
    font-size: 12px;
    align-items: flex-end
}
.main-collection-custom .bundle-regular s {
    align-self: flex-end;
    line-height: 1.3
}
.main-collection-custom .bundle-saving {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 52px;
    margin-top: 20px;
    padding: 0 12px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap
}
.main-collection-custom .bundle-saving strong {
    font-weight: 600
}
@media (max-width:768px) {
    .main-collection-custom .tb-left {
        flex: 0 0 auto !important;
        min-width: 0 !important
    }
    .main-collection-custom .btn-filter {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #222 !important;
        box-shadow: none !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: .06em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        transform: none !important
    }
    .main-collection-custom .btn-filter:hover,.main-collection-custom .btn-filter:active,.main-collection-custom .btn-filter:focus {
        transform: none !important;
        box-shadow: none !important;
        background: #fff !important;
        color: #222 !important;
        outline: none !important
    }
    .main-collection-custom .btn-filter .filter-sliders-icon {
        width: 18px !important;
        height: 18px !important;
        flex: 0 0 18px !important
    }
    .main-collection-custom .pl-card--bundle .media {
        min-height: 160px !important
    }
    .main-collection-custom .pl-card--bundle .bundle-image {
        object-fit: contain !important
    }
    .main-collection-custom .bundle-meta {
        padding: 10px 0 14px !important
    }
    .main-collection-custom .pl-card--bundle .bundle-saving {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .bundle-price {
        font-size: 14px !important;
        gap: 5px !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important
    }
    .main-collection-custom .bundle-price span,.main-collection-custom .bundle-price strong {
        white-space: nowrap !important
    }
    .main-collection-custom .bundle-regular {
        font-size: 12px !important;
        gap: 6px !important
    }
    .main-collection-custom .bundle-saving {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-height: 40px;
        height: auto;
        margin-top: 12px;
        padding: 0 7px;
        gap: 5px;
        font-size: 11px;
        overflow: hidden
    }
    .main-collection-custom .bundle-saving span,.main-collection-custom .bundle-saving strong {
        white-space: nowrap;
        flex: 0 0 auto
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid {
        row-gap: 14px !important;
        column-gap: 14px !important
    }
    .main-collection-custom #product-grid .pl-card--bundle {
        min-height: 0 !important;
        height: auto !important;
        align-self: start !important;
        margin-bottom: 0 !important
    }
}
.main-collection-custom #product-grid {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: start !important;
    grid-auto-flow: row !important
}
.main-collection-custom #product-grid .pl-card,.main-collection-custom #product-grid .collection-banner {
    min-width: 0 !important;
    box-sizing: border-box !important
}
.main-collection-custom .collection-banner {
    position: relative !important;
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f3f3f3 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    align-self: stretch !important
}
.main-collection-custom .collection-banner__link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important
}
.main-collection-custom .collection-banner__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .35s ease !important
}
@media (hover:hover) and (pointer:fine) {
    .main-collection-custom .collection-banner:hover .collection-banner__image {
        transform: scale(1.01) !important
    }
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--desktop {
        align-self: stretch !important;
        height: 100% !important;
        min-height: 100% !important;
        aspect-ratio: auto !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 20px !important
    }
    .main-collection-custom .collection-banner--desktop {
        display: block !important
    }
    .main-collection-custom .collection-banner--mobile {
        display: none !important
    }
    .main-collection-custom .collection-banner--left {
        grid-column: 1 !important
    }
    .main-collection-custom .collection-banner--center {
        grid-column: 2 !important
    }
    .main-collection-custom .collection-banner--right {
        grid-column: 3 !important
    }
    .main-collection-custom #product-grid .pl-card {
        padding: 0 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important
    }
    .main-collection-custom #product-grid .pl-card .media {
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .pl-card .meta {
        padding: 12px 0 0 !important
    }
    .main-collection-custom #product-grid .pl-card .t {
        text-transform: uppercase !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        letter-spacing: .045em !important;
        font-weight: 500 !important
    }
    .main-collection-custom #product-grid .pl-card .p {
        font-size: 14px !important;
        margin-top: 8px !important
    }
}
@media (min-width:990px) and (max-width:1099.98px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 16px !important
    }
    .main-collection-custom .collection-banner--desktop {
        display: block !important
    }
    .main-collection-custom .collection-banner--mobile {
        display: none !important
    }
    .main-collection-custom .collection-banner--left {
        grid-column: 1 !important
    }
    .main-collection-custom .collection-banner--center {
        grid-column: 2 !important
    }
    .main-collection-custom .collection-banner--right {
        grid-column: 3 !important
    }
    .main-collection-custom #product-grid .pl-card .t {
        text-transform: uppercase !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        column-gap: 12px !important;
        row-gap: 14px !important;
        align-items: start !important
    }
    .main-collection-custom .collection-banner--desktop {
        display: none !important
    }
    .main-collection-custom .collection-banner--mobile {
        display: block !important;
        grid-column: 1 / -1 !important;
        aspect-ratio: 16 / 9 !important;
        margin: 4px 0 8px !important
    }
    .main-collection-custom #product-grid .pl-card {
        min-height: auto !important;
        height: auto !important;
        padding-bottom: 14px !important
    }
    .main-collection-custom #product-grid .pl-card .t {
        text-transform: uppercase !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        letter-spacing: .035em !important
    }
    .main-collection-custom #product-grid .pl-card .meta {
        padding: 10px 0 0 !important
    }
}
@media (min-width:769px) {
    .main-collection-custom .filter-card {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
        max-height: calc(100vh - (var(--sticky-offset)+26px)) !important;
        padding: 0 18px 26px 0 !important;
        overflow: auto !important
    }
    .main-collection-custom .filter-title {
        padding: 0 0 16px !important;
        border-bottom: 1px solid #dcdcdc !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .filter-group {
        border-top: 1px solid #dcdcdc !important
    }
    .main-collection-custom .fg-summary {
        padding: 16px 0 13px !important
    }
    .main-collection-custom .fg-summary span {
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: .045em !important;
        color: #111 !important
    }
    .main-collection-custom .fg-body {
        padding: 2px 0 18px !important
    }
    .main-collection-custom .checklist {
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important
    }
    .main-collection-custom .filter-btn {
        display: grid !important;
        grid-template-columns: 20px minmax(0,1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111 !important;
        text-align: left !important;
        font-size: 12.5px !important;
        font-weight: 400 !important;
        line-height: 1.25 !important
    }
    .main-collection-custom .filter-btn::before {
        content: '' !important;
        display: block !important;
        width: 15px !important;
        height: 15px !important;
        box-sizing: border-box !important;
        border: 1px solid #bdbdbd !important;
        background: #fff !important
    }
    .main-collection-custom .filter-btn.is-active::before {
        background: #111 !important;
        border-color: #111 !important;
        box-shadow: inset 0 0 0 3px #fff !important
    }
    .main-collection-custom .filter-btn .count {
        margin: 0 !important;
        color: #555 !important;
        opacity: 1 !important;
        font-size: 11px !important
    }
    .main-collection-custom .topbar {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 0 18px !important;
        min-height: 28px !important
    }
    .main-collection-custom .btn-filter {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .btn-filter-label--mobile {
        display: none !important
    }
    .main-collection-custom .btn-filter-label--desktop {
        display: inline !important
    }
    .main-collection-custom .sort {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important
    }
    .main-collection-custom .sort-label {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #111 !important
    }
    .main-collection-custom .sort select {
        font-size: 13px !important;
        font-weight: 400 !important;
        padding: 0 24px 0 4px !important
    }
    .main-collection-custom.desktop-filters-hidden .filter-card {
        display: none !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        grid-template-columns: 1fr !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .topbar {
        position: sticky !important;
        top: var(--sticky-offset,0px) !important;
        z-index: 100 !important;
        display: flex !important;
        width: 100% !important;
        min-height: 56px !important;
        margin: 0 0 12px !important;
        padding: 8px 12px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-bottom: 1px solid #ddd !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important
    }
    .main-collection-custom .tb-left {
        width: 100% !important;
        min-width: 0 !important
    }
    .main-collection-custom .btn-filter {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        height: 40px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: .05em !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .btn-filter-label--desktop {
        display: none !important
    }
    .main-collection-custom .btn-filter-label--mobile {
        display: inline !important
    }
    .main-collection-custom .btn-filter .filter-sliders-icon {
        width: 19px !important;
        height: 19px !important;
        margin-right: 7px !important
    }
    .main-collection-custom .tb-right {
        display: none !important
    }
}
@media (max-width:989.98px) {
    .main-collection-custom .dr-panel {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        background: #fff !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }
    .main-collection-custom .dr-head {
        flex: 0 0 58px !important;
        min-height: 58px !important;
        padding: 0 22px !important;
        border-bottom: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .dr-head .filter-title {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .dr-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 0 18px !important;
        background: #fff !important
    }
    .main-collection-custom .dr-body>#filter-root {
        width: 100% !important
    }
    .main-collection-custom .dr-body .filter-group,.main-collection-custom .mobile-sort-group {
        border-top: 1px solid #ddd !important
    }
    .main-collection-custom .mobile-sort-group {
        margin: 0 !important
    }
    .main-collection-custom .mobile-sort-group .fg-summary {
        min-height: 58px !important;
        padding: 0 22px !important
    }
    .main-collection-custom .mobile-sort-options {
        padding: 0 22px 18px !important
    }
    .main-collection-custom .mobile-sort-option {
        display: grid !important;
        grid-template-columns: 30px 18px minmax(0,1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 42px !important;
        cursor: pointer !important
    }
    .main-collection-custom .mobile-sort-option input {
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important
    }
    .main-collection-custom .mobile-sort-radio {
        grid-column: 2 !important;
        width: 28px !important;
        height: 28px !important;
        border: 1px solid #111 !important;
        border-radius: 50% !important;
        position: relative !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .mobile-sort-option input:checked+.mobile-sort-radio::after {
        content: '' !important;
        position: absolute !important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background: #111 !important;
        left: 7px !important;
        top: 7px !important
    }
    .main-collection-custom .mobile-sort-label {
        grid-column: 3 !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        color: #111 !important
    }
    .main-collection-custom .dr-body .filter-title {
        display: none !important
    }
    .main-collection-custom .dr-body .fg-summary {
        min-height: 58px !important;
        padding: 0 22px !important
    }
    .main-collection-custom .dr-body .fg-summary span {
        font-size: 16px !important;
        font-weight: 500 !important;
        letter-spacing: .045em !important;
        color: #111 !important
    }
    .main-collection-custom .dr-body .fg-body {
        padding: 4px 22px 22px !important
    }
    .main-collection-custom .dr-body .checklist {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important
    }
    .main-collection-custom .dr-body .filter-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 8px 12px !important;
        border: 1px solid #111 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #111 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important
    }
    .main-collection-custom .dr-body .filter-btn::before {
        display: none !important
    }
    .main-collection-custom .dr-body .filter-btn.is-active {
        background: #111 !important;
        color: #fff !important
    }
    .main-collection-custom .dr-body .filter-btn .count {
        margin-left: auto !important;
        color: inherit !important;
        opacity: .75 !important;
        font-size: 13px !important
    }
    .main-collection-custom .dr-body .price-range {
        padding-top: 6px !important
    }
    .main-collection-custom .dr-body .range-row {
        margin: 20px 8px 15px !important
    }
    .main-collection-custom .dr-body .price-inputs {
        gap: 10px !important;
        margin-top: 14px !important
    }
    .main-collection-custom .dr-body .price-inputs input {
        height: 60px !important;
        padding: 22px 12px 8px !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 0 !important;
        font-size: 18px !important;
        font-weight: 400 !important
    }
    .main-collection-custom .dr-body .price-inputs .suffix,.main-collection-custom .dr-body .price-dash {
        display: none !important
    }
    .main-collection-custom .dr-actions {
        flex: 0 0 auto !important;
        display: grid !important;
        grid-template-columns: 1fr 1.18fr !important;
        gap: 12px !important;
        padding: 10px 16px !important;
        background: #fff !important;
        border-top: 1px solid #ddd !important;
        z-index: 30 !important
    }
    .main-collection-custom .dr-actions button {
        min-height: 52px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: .03em !important
    }
    .main-collection-custom .btn-reset-mobile {
        border: 1px solid #111 !important;
        background: #fff !important;
        color: #111 !important
    }
    .main-collection-custom .btn-apply {
        border: 1px solid #111 !important;
        background: #111 !important;
        color: #fff !important;
        text-transform: none !important
    }
}
@media (min-width:769px) {
    .main-collection-custom #filter-global #filter-root>.filter-title {
        display: none !important
    }
    .main-collection-custom #filter-global #filter-root>.filter-group:first-of-type {
        border-top: 1px solid #d7d7d7 !important;
        margin-top: 0 !important
    }
    .main-collection-custom #filter-global .filter-group {
        border-top: 1px solid #d7d7d7 !important
    }
    .main-collection-custom #filter-global .fg-summary {
        min-height: 50px !important;
        box-sizing: border-box !important;
        padding: 14px 0 !important;
        margin: 0 !important;
        background: #fff !important;
        list-style: none !important
    }
    .main-collection-custom #filter-global .fg-summary::-webkit-details-marker {
        display: none !important
    }
    .main-collection-custom #filter-global .fg-summary>.fg-chevron {
        display: none !important
    }
    .main-collection-custom #filter-global .fg-summary::after {
        content: '' !important;
        width: 8px !important;
        height: 8px !important;
        flex: 0 0 8px !important;
        margin-right: 4px !important;
        border-right: 1.5px solid #111 !important;
        border-bottom: 1.5px solid #111 !important;
        transform: rotate(45deg) !important;
        transform-origin: center !important;
        transition: transform .18s ease !important
    }
    .main-collection-custom #filter-global .filter-group[open]>.fg-summary::after {
        transform: rotate(225deg) !important
    }
    .main-collection-custom #filter-global .fg-summary span {
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: .055em !important;
        color: #111 !important;
        text-transform: uppercase !important
    }
    .main-collection-custom #filter-global .fg-body {
        padding: 0 0 18px !important
    }
    .main-collection-custom #filter-global .filter-group:first-of-type .fg-body {
        border-bottom: 1px solid #d7d7d7 !important;
        padding-bottom: 18px !important
    }
    .main-collection-custom #filter-global .price-range {
        padding: 2px 0 0 !important
    }
    .main-collection-custom #filter-global .range-row {
        height: 30px !important;
        margin: 16px 7px 10px !important
    }
    .main-collection-custom #filter-global .range-track,.main-collection-custom #filter-global .range-fill {
        height: 3px !important
    }
    .main-collection-custom #filter-global input[type="range"] {
        height: 30px !important
    }
    .main-collection-custom #filter-global input[type="range"]::-webkit-slider-thumb {
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: #111 !important;
        box-shadow: 0 0 0 4px #fff !important
    }
    .main-collection-custom #filter-global input[type="range"]::-moz-range-thumb {
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: #111 !important;
        border: 0 !important
    }
    .main-collection-custom #filter-global .price-inputs {
        display: grid !important;
        grid-template-columns: 1fr 14px 1fr !important;
        gap: 8px !important;
        margin-top: 8px !important;
        align-items: center !important
    }
    .main-collection-custom #filter-global .price-inputs .pi {
        min-width: 0 !important
    }
    .main-collection-custom #filter-global .price-inputs input {
        width: 100% !important;
        height: 46px !important;
        box-sizing: border-box !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 0 !important;
        background: #fff !important;
        padding: 16px 12px 6px !important;
        font-size: 16px !important;
        font-weight: 400 !important
    }
    .main-collection-custom #filter-global .suffix {
        right: 10px !important;
        color: #8f8f8f !important;
        font-size: 13px !important;
        font-weight: 600 !important
    }
    .main-collection-custom #filter-global .price-dash {
        color: #8d8d8d !important;
        text-align: center !important
    }
    .main-collection-custom #filter-global .checklist {
        display: flex !important;
        flex-direction: column !important;
        gap: 9px !important
    }
    .main-collection-custom #filter-global .filter-btn {
        display: grid !important;
        grid-template-columns: 18px minmax(0,1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        min-height: 18px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111 !important;
        text-align: left !important;
        font-size: 13px !important;
        font-weight: 400 !important
    }
    .main-collection-custom #filter-global .filter-btn::before {
        content: '' !important;
        display: block !important;
        width: 15px !important;
        height: 15px !important;
        box-sizing: border-box !important;
        border: 1px solid #bdbdbd !important;
        background: #fff !important
    }
    .main-collection-custom #filter-global .filter-btn.is-active::before {
        background: #111 !important;
        border-color: #111 !important;
        box-shadow: inset 0 0 0 3px #fff !important
    }
    .main-collection-custom #filter-global .filter-btn .count {
        color: #555 !important;
        opacity: 1 !important;
        font-size: 11px !important
    }
    .main-collection-custom #SortBox {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        min-width: 160px !important;
        padding: 0 0 8px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important
    }
    .main-collection-custom #SortBox .sort-label {
        display: block !important;
        margin: 0 0 5px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: .02em !important;
        color: #333 !important;
        text-transform: none !important
    }
    .main-collection-custom #SortBox .select {
        position: relative !important;
        min-width: 0 !important;
        width: 100% !important;
        border-bottom: 1px solid #111 !important
    }
    .main-collection-custom #SortBox select {
        display: block !important;
        width: 100% !important;
        height: 32px !important;
        padding: 0 24px 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-transform: none !important
    }
    .main-collection-custom #SortBox .caret {
        right: 1px !important;
        width: 14px !important;
        height: 14px !important
    }
    .main-collection-custom .tb-right {
        align-items: flex-end !important
    }
    .main-collection-custom .filter-card .filter-title {
        display: none !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .topbar {
        position: sticky !important;
        top: var(--sticky-offset,0px) !important;
        z-index: 100 !important;
        display: flex !important;
        min-height: 54px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 7px 14px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important
    }
    .main-collection-custom .tb-left {
        width: 100% !important
    }
    .main-collection-custom .btn-filter {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        min-height: 40px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: .045em !important
    }
    .main-collection-custom .btn-filter .filter-sliders-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 7px !important
    }
}
@media (max-width:989.98px) {
    .main-collection-custom .dr-panel {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        background: #fff !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }
    .main-collection-custom .dr-head {
        flex: 0 0 58px !important;
        min-height: 58px !important;
        box-sizing: border-box !important;
        padding: 0 22px !important;
        border-bottom: 1px solid #d7d7d7 !important;
        background: #fff !important
    }
    .main-collection-custom .dr-head .filter-title {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .dr-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 0 92px !important;
        background: #fff !important
    }
    .main-collection-custom .dr-body #filter-root {
        width: 100% !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .dr-body #filter-root>.filter-title {
        display: none !important
    }
    .main-collection-custom .dr-body #filter-root>.filter-group:first-of-type {
        border-top: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .dr-body .filter-group {
        border-top: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .dr-body .fg-summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 58px !important;
        box-sizing: border-box !important;
        padding: 0 22px !important;
        margin: 0 !important;
        background: #fff !important;
        list-style: none !important;
        cursor: pointer !important
    }
    .main-collection-custom .dr-body .fg-summary::-webkit-details-marker {
        display: none !important
    }
    .main-collection-custom .dr-body .fg-summary>.fg-chevron {
        display: none !important
    }
    .main-collection-custom .dr-body .fg-summary::after {
        content: '' !important;
        width: 9px !important;
        height: 9px !important;
        flex: 0 0 9px !important;
        margin-right: 3px !important;
        border-right: 1.5px solid #111 !important;
        border-bottom: 1.5px solid #111 !important;
        transform: rotate(45deg) !important;
        transition: transform .18s ease !important
    }
    .main-collection-custom .dr-body .filter-group[open]>.fg-summary::after {
        transform: rotate(225deg) !important
    }
    .main-collection-custom .dr-body .fg-summary span {
        font-size: 17px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: .045em !important;
        color: #111 !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .dr-body .fg-body {
        padding: 0 22px 20px !important
    }
    .main-collection-custom .dr-body .filter-group:first-of-type .fg-body {
        border-bottom: 1px solid #d7d7d7 !important;
        padding-bottom: 18px !important
    }
    .main-collection-custom .dr-body .price-range {
        padding-top: 4px !important
    }
    .main-collection-custom .dr-body .range-row {
        height: 32px !important;
        margin: 18px 8px 12px !important
    }
    .main-collection-custom .dr-body .range-track,.main-collection-custom .dr-body .range-fill {
        height: 3px !important
    }
    .main-collection-custom .dr-body input[type="range"]::-webkit-slider-thumb {
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: #111 !important;
        box-shadow: 0 0 0 4px #fff !important
    }
    .main-collection-custom .dr-body input[type="range"]::-moz-range-thumb {
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: #111 !important;
        border: 0 !important
    }
    .main-collection-custom .dr-body .price-inputs {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr) !important;
        gap: 8px !important;
        align-items: center !important;
        margin-top: 10px !important
    }
    .main-collection-custom .dr-body .price-inputs input {
        width: 100% !important;
        height: 48px !important;
        box-sizing: border-box !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 0 !important;
        background: #fff !important;
        padding: 14px 30px 5px 12px !important;
        font-size: 16px !important;
        font-weight: 400 !important
    }
    .main-collection-custom .dr-body .price-inputs .suffix {
        right: 10px !important;
        color: #8c8c8c !important;
        font-size: 13px !important;
        font-weight: 600 !important
    }
    .main-collection-custom .dr-body .price-dash {
        color: #8c8c8c !important;
        text-align: center !important
    }
    .main-collection-custom .dr-body .filter-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 46px !important;
        box-sizing: border-box !important;
        padding: 8px 12px !important;
        border: 1px solid #111 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #111 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        text-align: left !important
    }
    .main-collection-custom .dr-body .filter-btn::before {
        display: none !important
    }
    .main-collection-custom .dr-body .filter-btn.is-active {
        background: #111 !important;
        border-color: #111 !important;
        color: #fff !important
    }
    .main-collection-custom .dr-body .filter-btn .count {
        margin-left: auto !important;
        color: inherit !important;
        opacity: .72 !important;
        font-size: 13px !important;
        white-space: nowrap !important
    }
    .main-collection-custom .mobile-sort-group {
        border-top: 0 !important;
        margin: 0 !important
    }
    .main-collection-custom .mobile-sort-group .fg-summary {
        min-height: 58px !important;
        padding: 0 22px !important;
        border-bottom: 0 !important
    }
    .main-collection-custom .mobile-sort-group .fg-summary>.fg-chevron {
        display: block !important;
        width: 16px !important;
        height: 16px !important
    }
    .main-collection-custom .mobile-sort-group .fg-summary::after {
        display: none !important
    }
    .main-collection-custom .mobile-sort-options {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 2px 22px 18px !important;
        border-bottom: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .mobile-sort-option {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-height: 48px !important;
        padding: 0 !important;
        cursor: pointer !important
    }
    .main-collection-custom .mobile-sort-option input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important
    }
    .main-collection-custom .mobile-sort-radio {
        position: relative !important;
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        box-sizing: border-box !important;
        border: 1px solid #111 !important;
        border-radius: 50% !important;
        background: #fff !important
    }
    .main-collection-custom .mobile-sort-option input:checked+.mobile-sort-radio::after {
        content: '' !important;
        position: absolute !important;
        width: 11px !important;
        height: 11px !important;
        left: 6px !important;
        top: 6px !important;
        border-radius: 50% !important;
        background: #111 !important
    }
    .main-collection-custom .mobile-sort-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 400 !important;
        color: #111 !important
    }
    .main-collection-custom .dr-actions {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        min-height: 72px !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 1fr 1.18fr !important;
        gap: 12px !important;
        padding: 10px 16px calc(10px+env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        border-top: 1px solid #d7d7d7 !important;
        background: #fff !important;
        z-index: 100 !important
    }
    .main-collection-custom .dr-actions button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 50px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
        letter-spacing: .02em !important;
        text-transform: none !important
    }
    .main-collection-custom .btn-reset-mobile {
        border: 1px solid #111 !important;
        background: #fff !important;
        color: #111 !important
    }
    .main-collection-custom .btn-apply {
        border: 1px solid #111 !important;
        background: #111 !important;
        color: #fff !important
    }
    .main-collection-custom .dr-body {
        padding-bottom: 110px !important
    }
}
.main-collection-custom .js-result-count {
    white-space: nowrap !important
}
.main-collection-custom #product-grid .collection-banner[data-banner-hidden="true"] {
    display: none !important
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--mobile {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop {
        align-self: stretch !important;
        height: 100% !important;
        min-height: 100% !important;
        aspect-ratio: auto !important
    }
    .main-collection-custom #product-grid .collection-banner__link {
        height: 100% !important;
        min-height: 100% !important
    }
    .main-collection-custom #product-grid .collection-banner__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .collection-banner--desktop {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile {
        display: block !important;
        grid-column: 2 !important;
        grid-row: auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile .collection-banner__link {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important
    }
    .main-collection-custom #product-grid .pl-card.collection-banner-mobile-companion {
        grid-column: 1 !important
    }
    .main-collection-custom #product-grid .collection-banner--tail {
        display: none !important
    }
}
.main-collection-custom #filter-global #filter-root>.filter-title {
    display: none !important
}
.main-collection-custom #filter-global #filter-root>.filter-group:first-of-type {
    border-top: 1px solid #d7d7d7 !important
}
.main-collection-custom .filter-group>.fg-summary {
    cursor: pointer !important
}
.main-collection-custom .filter-group>.fg-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important
}
.main-collection-custom .filter-group>.fg-summary>.fg-chevron {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    transition: transform .18s ease !important
}
.main-collection-custom .filter-group[open]>.fg-summary>.fg-chevron {
    transform: rotate(180deg) !important
}
.main-collection-custom .price-inputs {
    width: 100% !important;
    box-sizing: border-box !important
}
.main-collection-custom .price-inputs .pi {
    min-width: 0 !important;
    box-sizing: border-box !important
}
@media (min-width:769px) {
    .main-collection-custom #filter-global .filter-group:first-of-type .fg-body {
        border-bottom: 1px solid #d7d7d7 !important;
        padding-bottom: 18px !important
    }
    .main-collection-custom #filter-global .price-inputs {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr) !important;
        gap: 8px !important;
        align-items: center !important
    }
    .main-collection-custom #filter-global .price-inputs .pi {
        width: 100% !important
    }
    .main-collection-custom #filter-global .price-inputs .pi input {
        display: block !important;
        width: 100% !important;
        height: 46px !important;
        box-sizing: border-box !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 0 !important
    }
    .main-collection-custom #filter-global .price-dash {
        display: block !important;
        width: 16px !important;
        text-align: center !important;
        color: #8c8c8c !important
    }
    .main-collection-custom #filter-global .suffix {
        color: #8c8c8c !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .dr-body #filter-root>.filter-group:first-of-type .fg-body {
        border-bottom: 1px solid #d7d7d7 !important;
        padding-bottom: 18px !important
    }
    .main-collection-custom .dr-body .price-inputs {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr) !important;
        gap: 8px !important;
        align-items: center !important;
        width: 100% !important
    }
    .main-collection-custom .dr-body .price-inputs .pi {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important
    }
    .main-collection-custom .dr-body .price-inputs .pi input {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
        box-sizing: border-box !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 0 !important;
        background: #fff !important;
        padding: 14px 30px 6px 12px !important;
        font-size: 16px !important
    }
    .main-collection-custom .dr-body .price-inputs .price-dash {
        display: block !important;
        width: 18px !important;
        min-width: 18px !important;
        text-align: center !important;
        color: #8c8c8c !important
    }
    .main-collection-custom .dr-body .price-inputs .suffix {
        right: 10px !important;
        color: #8c8c8c !important;
        font-size: 13px !important;
        font-weight: 600 !important
    }
    .main-collection-custom .dr-body .price-inputs>.pi:nth-child(1),.main-collection-custom .dr-body .price-inputs>.pi:nth-child(3) {
        grid-column: auto !important
    }
}
@media (min-width:769px) {
    .main-collection-custom .topbar {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important
    }
    .main-collection-custom .tb-left {
        display: flex !important;
        align-items: center !important
    }
    .main-collection-custom .btn-filter {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #111 !important;
        box-shadow: none !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .btn-filter .filter-sliders-icon {
        width: 18px !important;
        height: 18px !important
    }
    .main-collection-custom .btn-filter-label--mobile {
        display: none !important
    }
    .main-collection-custom .btn-filter-label--desktop {
        display: inline !important
    }
    .main-collection-custom #SortBox {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        min-width: 165px !important;
        padding: 0 0 8px !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important
    }
    .main-collection-custom #SortBox .sort-label {
        display: block !important;
        margin: 0 0 5px !important;
        color: #333 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        letter-spacing: .02em !important;
        text-transform: none !important
    }
    .main-collection-custom #SortBox .select {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        border-bottom: 1px solid #111 !important
    }
    .main-collection-custom #SortBox select {
        appearance: none !important;
        width: 100% !important;
        height: 32px !important;
        padding: 0 22px 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-transform: none !important
    }
    .main-collection-custom #SortBox .caret {
        right: 0 !important;
        width: 14px !important;
        height: 14px !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .topbar {
        position: sticky !important;
        top: var(--sticky-offset,0px) !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 54px !important;
        margin: 0 0 12px !important;
        padding: 7px 14px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: none !important
    }
    .main-collection-custom .btn-filter {
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        min-height: 40px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        letter-spacing: .045em !important
    }
    .main-collection-custom .btn-filter-label--desktop {
        display: none !important
    }
    .main-collection-custom .btn-filter-label--mobile {
        display: inline !important
    }
    .main-collection-custom .btn-filter .filter-sliders-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 7px !important
    }
    .main-collection-custom .tb-right {
        display: none !important
    }
    .main-collection-custom .dr-panel {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        background: #fff !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }
    .main-collection-custom .dr-head {
        flex: 0 0 58px !important;
        min-height: 58px !important;
        padding: 0 22px !important;
        border-bottom: 1px solid #d7d7d7 !important;
        background: #fff !important
    }
    .main-collection-custom .dr-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 0 100px !important;
        background: #fff !important
    }
    .main-collection-custom .dr-body #filter-root>.filter-title {
        display: none !important
    }
    .main-collection-custom .dr-body .filter-group {
        border-top: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .dr-body .fg-summary {
        min-height: 58px !important;
        padding: 0 22px !important;
        box-sizing: border-box !important;
        background: #fff !important
    }
    .main-collection-custom .dr-body .fg-summary span {
        font-size: 17px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        letter-spacing: .045em !important;
        color: #111 !important;
        text-transform: uppercase !important
    }
    .main-collection-custom .dr-body .fg-summary>.fg-chevron {
        display: block !important;
        width: 16px !important;
        height: 16px !important
    }
    .main-collection-custom .dr-body .fg-summary::after {
        display: none !important
    }
    .main-collection-custom .dr-body .fg-body {
        padding: 0 22px 20px !important
    }
    .main-collection-custom .dr-body .checklist {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important
    }
    .main-collection-custom .dr-body .filter-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 8px 12px !important;
        border: 1px solid #111 !important;
        border-radius: 0 !important;
        background: #fff !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        box-shadow: none !important
    }
    .main-collection-custom .dr-body .filter-btn::before {
        display: none !important
    }
    .main-collection-custom .dr-body .filter-btn.is-active {
        background: #111 !important;
        border-color: #111 !important;
        color: #fff !important
    }
    .main-collection-custom .dr-body .filter-btn .count {
        margin-left: auto !important;
        color: inherit !important;
        opacity: .72 !important;
        font-size: 13px !important;
        white-space: nowrap !important
    }
    .main-collection-custom .mobile-sort-group {
        border-top: 0 !important;
        margin: 0 !important
    }
    .main-collection-custom .mobile-sort-group .fg-summary {
        min-height: 58px !important
    }
    .main-collection-custom .mobile-sort-options {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 2px 22px 18px !important;
        border-bottom: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .mobile-sort-option {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-height: 48px !important;
        padding: 0 !important
    }
    .main-collection-custom .mobile-sort-radio {
        position: relative !important;
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        box-sizing: border-box !important;
        border: 1px solid #111 !important;
        border-radius: 50% !important;
        background: #fff !important
    }
    .main-collection-custom .mobile-sort-option input:checked+.mobile-sort-radio::after {
        content: '' !important;
        position: absolute !important;
        width: 11px !important;
        height: 11px !important;
        left: 6px !important;
        top: 6px !important;
        border-radius: 50% !important;
        background: #111 !important
    }
    .main-collection-custom .mobile-sort-label {
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 400 !important;
        color: #111 !important
    }
    .main-collection-custom .dr-actions {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 100 !important;
        display: grid !important;
        grid-template-columns: 1fr 1.18fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-height: 72px !important;
        box-sizing: border-box !important;
        padding: 10px 16px calc(10px+env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        background: #fff !important;
        border-top: 1px solid #d7d7d7 !important
    }
    .main-collection-custom .dr-actions button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
        letter-spacing: .02em !important;
        text-transform: none !important
    }
    .main-collection-custom .btn-reset-mobile {
        border: 1px solid #111 !important;
        background: #fff !important;
        color: #111 !important
    }
    .main-collection-custom .btn-apply {
        border: 1px solid #111 !important;
        background: #111 !important;
        color: #fff !important
    }
}
.main-collection-custom .js-result-count {
    white-space: nowrap !important
}
.main-collection-custom #product-grid {
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    align-items: start !important
}
.main-collection-custom #product-grid .pl-card,.main-collection-custom #product-grid .collection-banner {
    min-width: 0 !important;
    box-sizing: border-box !important
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--mobile {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        align-self: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="true"] {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop .collection-banner__link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .collection-banner--desktop {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        align-self: start !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="true"] {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile .collection-banner__link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important
    }
    .main-collection-custom #product-grid .pl-card.collection-banner-mobile-companion {
        grid-column: auto !important
    }
}
.main-collection-custom .range-row {
    position: relative !important;
    overflow: visible !important
}
.main-collection-custom .range-track {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    width: auto !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: #111 !important;
    z-index: 1 !important
}
.main-collection-custom .range-fill {
    position: absolute !important;
    top: 50% !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: #111 !important;
    z-index: 2 !important
}
.main-collection-custom input[type="range"] {
    z-index: 3 !important
}
@media (min-width:769px) {
    .main-collection-custom .btn-filter {
        width: max-content !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important
    }
    .main-collection-custom .btn-filter-label--desktop {
        white-space: nowrap !important
    }
    .main-collection-custom #SortBox {
        width: 165px !important;
        min-width: 165px !important
    }
    .main-collection-custom #SortBox .select {
        border-bottom: 1px solid #111 !important
    }
}
.main-collection-custom #product-grid .collection-banner[data-banner-hidden="true"] {
    display: none !important
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] {
        display: block !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile {
        display: none !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        display: block !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop {
        display: none !important
    }
}
.main-collection-custom #product-grid .pl-card:not(.pl-card--bundle) .media {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important
}
.main-collection-custom #product-grid .pl-card:not(.pl-card--bundle) .media-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important
}
.main-collection-custom #product-grid .pl-card:not(.pl-card--bundle) .media img.img-primary,.main-collection-custom #product-grid .pl-card:not(.pl-card--bundle) .media img.img-secondary {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important
}
.main-collection-custom #product-grid .pl-card--bundle .bundle-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] {
        align-self: start !important;
        aspect-ratio: auto !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] .collection-banner__link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        align-self: start !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        margin: 0 !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important
    }
}
.main-collection-custom .range-row {
    position: relative !important;
    height: 32px !important;
    min-height: 32px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important
}
.main-collection-custom .range-track {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    width: auto !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 1 !important
}
.main-collection-custom .range-fill {
    position: absolute !important;
    top: 50% !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 2 !important
}
.main-collection-custom .range-row input[type="range"] {
    z-index: 3 !important
}
@media (min-width:769px) {
    .main-collection-custom #SortBox {
        width: 165px !important;
        min-width: 165px !important;
        border: 0 !important;
        box-shadow: none !important
    }
    .main-collection-custom #SortBox .select {
        width: 100% !important;
        border-bottom: 1px solid #111 !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-primary {
        opacity: 0 !important;
        visibility: hidden !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-secondary {
        opacity: 1 !important;
        visibility: visible !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap .img-secondary {
        opacity: 0 !important;
        visibility: hidden !important
    }
}
@media (min-width:769px) {
    .main-collection-custom .wrap {
        max-width: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 22px !important;
        padding-right: 22px !important
    }
    .main-collection-custom .topbar {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .main-collection-custom .page {
        grid-template-columns: 292px minmax(0,1fr) !important;
        column-gap: 14px !important;
        width: 100% !important
    }
    .main-collection-custom #product-grid {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 16px !important;
        row-gap: 22px !important
    }
    .main-collection-custom #product-grid .pl-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        grid-template-columns: minmax(0,1fr) !important;
        column-gap: 0 !important;
        width: 100% !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 16px !important;
        row-gap: 22px !important;
        width: 100% !important
    }
    .main-collection-custom.desktop-filters-hidden .topbar {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .main-collection-custom .filter-card {
        width: 100% !important;
        max-width: 292px !important;
        margin: 0 !important
    }
}
.main-collection-custom #product-grid .pl-card .media {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    overflow: hidden !important
}
.main-collection-custom #product-grid .pl-card .media .media-link {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important
}
.main-collection-custom #product-grid .pl-card .media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important
}
.main-collection-custom #product-grid .pl-card .img-primary {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important
}
.main-collection-custom #product-grid .pl-card .img-secondary {
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 2 !important
}
.main-collection-custom #product-grid .pl-card.is-photo-swapped .img-primary {
    opacity: 0 !important;
    visibility: hidden !important
}
.main-collection-custom #product-grid .pl-card.is-photo-swapped .img-secondary {
    opacity: 1 !important;
    visibility: visible !important
}
.main-collection-custom #product-grid .pl-card--bundle .media {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    overflow: hidden !important
}
.main-collection-custom #product-grid .pl-card--bundle .bundle-media-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important
}
.main-collection-custom #product-grid .pl-card--bundle .bundle-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] {
        width: 100% !important;
        min-width: 0 !important;
        aspect-ratio: auto !important;
        align-self: start !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] .collection-banner__link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important
    }
}
@media (max-width:768px) {
    .main-collection-custom .wrap {
        max-width: none !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important
    }
    .main-collection-custom #product-grid {
        width: 100% !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        column-gap: 12px !important;
        row-gap: 16px !important
    }
    .main-collection-custom #product-grid .pl-card {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        align-self: start !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__link {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        display: block !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important
    }
}
.main-collection-custom .range-row {
    position: relative !important;
    height: 32px !important;
    min-height: 32px !important;
    overflow: visible !important;
    border: 0 !important
}
.main-collection-custom .range-track {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    width: auto !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 1 !important
}
.main-collection-custom .range-fill {
    position: absolute !important;
    top: 50% !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 2 !important
}
.main-collection-custom .range-row input[type="range"] {
    z-index: 4 !important
}
@media (min-width:769px) {
    .main-collection-custom .topbar {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important
    }
    .main-collection-custom .tb-left {
        margin-left: 0 !important
    }
    .main-collection-custom .tb-right {
        margin-left: auto !important;
        margin-right: 0 !important
    }
    .main-collection-custom #SortBox {
        margin-right: 0 !important
    }
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap[data-has-hover="true"] .img-primary {
        opacity: 1 !important;
        visibility: visible !important;
        transition: opacity .22s ease !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap[data-has-hover="true"] .img-secondary {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity .22s ease !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap[data-has-hover="true"]:hover .img-primary {
        opacity: 0 !important;
        visibility: hidden !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap[data-has-hover="true"]:hover .img-secondary {
        opacity: 1 !important;
        visibility: visible !important
    }
    .main-collection-custom #product-grid .pl-card--bundle[data-bundle-has-hover="true"] .bundle-image--1 {
        opacity: 1 !important;
        visibility: visible !important;
        transition: opacity .22s ease !important
    }
    .main-collection-custom #product-grid .pl-card--bundle[data-bundle-has-hover="true"] .bundle-image--2 {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity .22s ease !important
    }
    .main-collection-custom #product-grid .pl-card--bundle[data-bundle-has-hover="true"]:hover .bundle-image--1 {
        opacity: 0 !important;
        visibility: hidden !important
    }
    .main-collection-custom #product-grid .pl-card--bundle[data-bundle-has-hover="true"]:hover .bundle-image--2 {
        opacity: 1 !important;
        visibility: visible !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap:hover .img-primary {
        opacity: 1 !important;
        visibility: visible !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap:hover .img-secondary {
        opacity: 0 !important;
        visibility: hidden !important
    }
}
@media (min-width:769px) {
    .main-collection-custom .tb-right {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        min-width: 0 !important
    }
    .main-collection-custom .sort {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 185px !important;
        min-width: 185px !important;
        height: auto !important;
        padding: 0 0 7px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-transform: none !important;
        font-weight: 400 !important
    }
    .main-collection-custom .sort-label {
        display: block !important;
        width: 100% !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        color: #222 !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        font-weight: 400 !important;
        text-transform: none !important
    }
    .main-collection-custom .sort .select {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 31px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #111 !important;
        border-radius: 0 !important;
        background: transparent !important
    }
    .main-collection-custom .sort select {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 31px !important;
        min-height: 31px !important;
        padding: 0 24px 0 0 !important;
        margin: 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #111 !important;
        font-family: inherit !important;
        font-size: 14px !important;
        line-height: 31px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        box-shadow: none !important;
        cursor: pointer !important
    }
    .main-collection-custom .sort .caret {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        width: 14px !important;
        height: 14px !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom.desktop-filters-hidden .wrap {
        width: 100% !important;
        max-width: none !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        box-sizing: border-box !important
    }
    .main-collection-custom.desktop-filters-hidden .topbar {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 8px !important;
        box-sizing: border-box !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important;
        row-gap: 20px !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid .pl-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom:not(.desktop-filters-hidden) .page {
        grid-template-columns: 292px minmax(0,1fr) !important;
        column-gap: 8px !important;
        width: 100% !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) #product-grid {
        width: 100% !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important;
        row-gap: 20px !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) .filter-card {
        max-width: 292px !important
    }
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .pl-card .media {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important
    }
    .main-collection-custom #product-grid .pl-card .media-link {
        width: 100% !important;
        height: 100% !important
    }
}
.main-collection-custom #product-grid .pl-card--bundle {
    width: 100% !important;
    min-width: 0 !important
}
.main-collection-custom .range-row {
    position: relative !important;
    overflow: visible !important
}
.main-collection-custom .range-track {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    width: auto !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 1 !important
}
.main-collection-custom .range-fill {
    position: absolute !important;
    top: 50% !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 2 !important
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-primary,.main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped:hover .img-primary {
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 1 !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-secondary,.main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped:hover .img-secondary {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap:not(.is-photo-swapped) .img-primary {
        opacity: 1 !important;
        visibility: visible !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap:not(.is-photo-swapped) .img-secondary {
        opacity: 0 !important;
        visibility: hidden !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom .topbar {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .main-collection-custom .tb-left {
        flex: 0 0 auto !important;
        margin-left: 0 !important
    }
    .main-collection-custom .tb-right {
        flex: 0 0 185px !important;
        width: 185px !important;
        min-width: 185px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        justify-content: flex-end !important
    }
    .main-collection-custom .sort {
        width: 185px !important;
        min-width: 185px !important;
        margin: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden .topbar,.main-collection-custom.desktop-filters-hidden .tb-left,.main-collection-custom.desktop-filters-hidden .tb-right,.main-collection-custom.desktop-filters-hidden .sort {
        transform: none !important
    }
    .main-collection-custom.desktop-filters-hidden .wrap {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: 1fr !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 6px !important;
        row-gap: 20px !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid .pl-card,.main-collection-custom.desktop-filters-hidden #product-grid .collection-banner--desktop {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden .topbar+.page {
        margin-top: 0 !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom:not(.desktop-filters-hidden) .page {
        grid-template-columns: 292px minmax(0,1fr) !important;
        column-gap: 6px !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) #product-grid {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important
    }
}
@media (min-width:769px) {
    .main-collection-custom .sort .select {
        border: 0 !important;
        border-bottom: 1px solid #111 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important
    }
    .main-collection-custom .sort select {
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding-left: 0 !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom .wrap {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding-left: 22px !important;
        padding-right: 22px !important
    }
    .main-collection-custom .topbar {
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important
    }
    .main-collection-custom .tb-left {
        flex: 0 0 auto !important;
        margin-left: 0 !important
    }
    .main-collection-custom .tb-right {
        flex: 0 0 185px !important;
        width: 185px !important;
        min-width: 185px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        justify-content: flex-end !important
    }
    .main-collection-custom .sort {
        width: 185px !important;
        min-width: 185px !important;
        margin: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important;
        row-gap: 20px !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid .pl-card,.main-collection-custom.desktop-filters-hidden #product-grid .collection-banner--desktop {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) .page {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: 292px minmax(0,1fr) !important;
        column-gap: 8px !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) #product-grid {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important;
        row-gap: 20px !important
    }
}
.main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"],.main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important
}
.main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] .collection-banner__link,.main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important
}
.main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] .collection-banner__image,.main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap .media {
        touch-action: manipulation !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap .media-link {
        touch-action: manipulation !important;
        -webkit-user-select: none !important;
        user-select: none !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-primary,.main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped:hover .img-primary {
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 1 !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-secondary,.main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped:hover .img-secondary {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        aspect-ratio: auto !important;
        height: auto !important;
        min-height: 0 !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
        object-fit: cover !important
    }
}
.main-collection-custom .range-row {
    position: relative !important;
    overflow: visible !important
}
.main-collection-custom .range-track {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    width: auto !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    z-index: 1 !important
}
.main-collection-custom .range-fill {
    position: absolute !important;
    top: 50% !important;
    height: 3px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #111 !important;
    z-index: 2 !important
}
.main-collection-custom #product-grid {
    align-items: stretch !important;
    grid-auto-flow: row !important
}
.main-collection-custom #product-grid .collection-banner {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: stretch !important;
    overflow: hidden !important
}
.main-collection-custom #product-grid .collection-banner[data-banner-hidden="true"] {
    display: none !important
}
.main-collection-custom #product-grid .collection-banner[data-banner-hidden="false"] {
    display: block !important;
    height: auto !important;
    min-height: 0 !important
}
.main-collection-custom #product-grid .collection-banner .collection-banner__link {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important
}
.main-collection-custom #product-grid .collection-banner .collection-banner__image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important
}
@media (min-width:769px) {
    .main-collection-custom #product-grid .collection-banner--mobile {
        display: none !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        column-gap: 12px !important;
        row-gap: 14px !important;
        align-items: stretch !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        height: auto !important;
        min-height: 0 !important;
        align-self: stretch !important
    }
}
@media (min-width:1100px) {
    .main-collection-custom .wrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .topbar,.main-collection-custom.desktop-filters-hidden .topbar {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        transform: none !important
    }
    .main-collection-custom .tb-left,.main-collection-custom.desktop-filters-hidden .tb-left {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important
    }
    .main-collection-custom .tb-right,.main-collection-custom.desktop-filters-hidden .tb-right {
        flex: 0 0 185px !important;
        width: 185px !important;
        min-width: 185px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        transform: none !important;
        justify-content: flex-end !important
    }
    .main-collection-custom .sort,.main-collection-custom.desktop-filters-hidden .sort {
        width: 185px !important;
        min-width: 185px !important;
        margin: 0 !important;
        padding: 0 0 7px !important;
        transform: none !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) .page {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: 292px minmax(0,1fr) !important;
        column-gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) #product-grid {
        width: 100% !important;
        max-width: none !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important;
        row-gap: 20px !important
    }
    .main-collection-custom.desktop-filters-hidden .wrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 22px !important;
        padding-right: 22px !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 6px !important;
        row-gap: 20px !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid .pl-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-primary,.main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped:hover .img-primary {
        opacity: 0 !important;
        visibility: hidden !important;
        z-index: 1 !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped .img-secondary,.main-collection-custom #product-grid .pl-card.has-mobile-photo-swap.is-photo-swapped:hover .img-secondary {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap:not(.is-photo-swapped) .img-primary {
        opacity: 1 !important;
        visibility: visible !important
    }
    .main-collection-custom #product-grid .pl-card.has-mobile-photo-swap:not(.is-photo-swapped) .img-secondary {
        opacity: 0 !important;
        visibility: hidden !important
    }
    .main-collection-custom #product-grid .pl-card--bundle.is-bundle-swapped .bundle-image--1 {
        opacity: 0 !important;
        visibility: hidden !important
    }
    .main-collection-custom #product-grid .pl-card--bundle.is-bundle-swapped .bundle-image--2 {
        opacity: 1 !important;
        visibility: visible !important
    }
}
.main-collection-custom .range-row {
    position: relative !important;
    overflow: visible !important
}
.main-collection-custom .range-track {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    width: auto !important;
    height: 3px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 1 !important
}
.main-collection-custom .range-fill {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    height: 3px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    background: #111 !important;
    border: 0 !important;
    border-radius: 999px !important;
    z-index: 2 !important
}
.main-collection-custom #product-grid .collection-banner[data-banner-hidden="false"] {
    display: block !important
}
.main-collection-custom #product-grid .collection-banner[data-banner-hidden="true"] {
    display: none !important
}
@media (min-width:1100px) {
    .main-collection-custom .page>.collection.page-width {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .wrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        box-sizing: border-box !important
    }
    .main-collection-custom .topbar,.main-collection-custom.desktop-filters-hidden .topbar {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        transform: none !important
    }
    .main-collection-custom .tb-left,.main-collection-custom.desktop-filters-hidden .tb-left {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom .tb-right,.main-collection-custom.desktop-filters-hidden .tb-right {
        flex: 0 0 185px !important;
        width: 185px !important;
        min-width: 185px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        justify-content: flex-end !important
    }
    .main-collection-custom #SortBox,.main-collection-custom #SortBox .sort,.main-collection-custom .sort,.main-collection-custom .sort .select,.main-collection-custom #SortByCustom {
        box-sizing: border-box !important;
        border: 0 !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent !important
    }
    .main-collection-custom #SortBox {
        width: 185px !important;
        min-width: 185px !important;
        margin: 0 !important;
        padding: 0 0 7px !important
    }
    .main-collection-custom #SortBox .sort-label {
        display: block !important;
        width: 100% !important;
        margin: 0 0 5px !important;
        padding: 0 !important;
        text-align: left !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        color: #222 !important;
        text-transform: none !important
    }
    .main-collection-custom #SortBox .select {
        width: 185px !important;
        min-width: 185px !important;
        height: 31px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #111 !important
    }
    .main-collection-custom #SortBox select#SortByCustom {
        display: block !important;
        width: 100% !important;
        height: 31px !important;
        min-height: 31px !important;
        margin: 0 !important;
        padding: 0 22px 0 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #111 !important;
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 31px !important;
        letter-spacing: 0 !important;
        text-align: left !important
    }
    .main-collection-custom #SortBox .caret {
        right: 0 !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) .page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: 292px minmax(0,1fr) !important;
        column-gap: 8px !important
    }
    .main-collection-custom:not(.desktop-filters-hidden) #product-grid {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 8px !important;
        row-gap: 20px !important
    }
    .main-collection-custom.desktop-filters-hidden .page {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden .page>.collection.page-width {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid {
        display: grid !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        column-gap: 6px !important;
        row-gap: 20px !important
    }
    .main-collection-custom.desktop-filters-hidden #product-grid .pl-card,.main-collection-custom.desktop-filters-hidden #product-grid .collection-banner--desktop {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important
    }
    .main-collection-custom #product-grid .pl-card .media {
        width: 100% !important
    }
    .main-collection-custom #product-grid .collection-banner--desktop[data-banner-hidden="false"] {
        height: auto !important;
        min-height: 0 !important;
        align-self: stretch !important
    }
}
@media (max-width:768px) {
    .main-collection-custom #product-grid .collection-banner--desktop {
        display: none !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        display: block !important;
        grid-column: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
        overflow: hidden !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__link {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important
    }
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important
    }
}
.main-collection-custom .range-track {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important
}

/* ===== HEART ONLY FIX ===== */
.main-collection-custom .pc-wl-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    overflow: visible !important;
    z-index: 100 !important;
    line-height: 0 !important;
    color: #111 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent !important;
}
.main-collection-custom .pc-wl-btn::before,
.main-collection-custom .pc-wl-btn::after {
    content: none !important;
    display: none !important;
}
.main-collection-custom .pc-wl-btn svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    flex: 0 0 22px !important;
    transform: none !important;
    pointer-events: none !important;
}
.main-collection-custom .pc-wl-btn .pc-wl-svg--off {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #111 !important;
}
.main-collection-custom .pc-wl-btn .pc-wl-svg--on {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    color: #d7002f !important;
}
.main-collection-custom .pc-wl-btn.is-on .pc-wl-svg--off {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.main-collection-custom .pc-wl-btn.is-on .pc-wl-svg--on {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.main-collection-custom .pc-wl-btn:hover,
.main-collection-custom .pc-wl-btn:focus,
.main-collection-custom .pc-wl-btn:focus-visible,
.main-collection-custom .pc-wl-btn:active {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
@media (max-width: 768px) {
    .main-collection-custom .pc-wl-btn {
        top: 8px !important;
        right: 8px !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        flex-basis: 30px !important;
    }
    .main-collection-custom .pc-wl-btn svg {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
        flex-basis: 19px !important;
    }
}
.main-collection-custom .media .pc-wl-btn,
.main-collection-custom .pl-card--bundle .pc-wl-btn {
    z-index: 100 !important;
}

/* ===== MOBILE BANNERS + WISHLIST HEART FINAL FIX ===== */
.main-collection-custom .pc-wl-btn .pc-wl-svg--on {
    color: #d7002f !important;
}

@media (max-width: 768px) {
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        align-self: stretch !important;
    }

    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__link {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .main-collection-custom .pc-wl-btn.is-on .pc-wl-svg--on path:last-child,
    .main-collection-custom .pc-wl-btn.active .pc-wl-svg--on path:last-child {
        fill: none !important;
        stroke: currentColor !important;
    }
}

/* Active wishlist heart: same shape, fully filled red */
.main-collection-custom .pc-wl-btn.is-on .pc-wl-svg--on path:last-child,
.main-collection-custom .pc-wl-btn.active .pc-wl-svg--on path:last-child {
    fill: #d7002f !important;
    stroke: #d7002f !important;
}

/* ===== COLLECTION BANNERS: MOBILE DISPLAY FIX ONLY ===== */
@media (max-width: 768px) {
    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        align-self: stretch !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__link {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important;
    }

    .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] .collection-banner__image {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

.main-collection-custom .sort {
    border: none !important;
    box-shadow: none !important;
}

.main-collection-custom .sort select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

@media (min-width: 769px) {

    .main-collection-custom #SortBox {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .main-collection-custom #SortBox .select {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .main-collection-custom #SortBox select,
    .main-collection-custom #SortBox select#SortByCustom {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: transparent !important;

        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }

    .main-collection-custom #SortBox select:hover,
    .main-collection-custom #SortBox select:focus,
    .main-collection-custom #SortBox select:focus-visible,
    .main-collection-custom #SortBox select:active {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .main-collection-custom #SortBox::before,
    .main-collection-custom #SortBox::after,
    .main-collection-custom #SortBox .select::before,
    .main-collection-custom #SortBox .select::after,
    .main-collection-custom #SortBox select::before,
    .main-collection-custom #SortBox select::after {
        display: none !important;
        border: none !important;
        box-shadow: none !important;
        content: none !important;
    }
}

@media (min-width: 769px) {
    .main-collection-custom #SortBox .select {
        border-bottom: 1px solid #111 !important;
    }
}


/* ============================================================
   COLLECTION BANNERS — SCROLL REVEAL + OPTIONAL MANUAL HEIGHT
   ============================================================ */

.main-collection-custom #product-grid .collection-banner--reveal {
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity .6s ease, transform .6s ease !important;
    will-change: opacity, transform;
}

.main-collection-custom #product-grid .collection-banner--reveal.is-inview {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/*
 * Manual banner height is opt-in.
 * With "Use custom banner height" OFF, the current banner sizing
 * continues to work exactly as before.
 */
.main-collection-custom.banner-custom-height-enabled
#product-grid .collection-banner--desktop[data-banner-hidden="false"] {
    height: var(--collection-banner-height-desktop) !important;
    min-height: var(--collection-banner-height-desktop) !important;
    max-height: var(--collection-banner-height-desktop) !important;
    aspect-ratio: auto !important;
    align-self: start !important;
}

.main-collection-custom.banner-custom-height-enabled
#product-grid .collection-banner--desktop[data-banner-hidden="false"]
.collection-banner__link,
.main-collection-custom.banner-custom-height-enabled
#product-grid .collection-banner--desktop[data-banner-hidden="false"]
.collection-banner__image {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
}

@media (max-width:768px) {
    .main-collection-custom.banner-custom-height-enabled
    #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
        height: var(--collection-banner-height-mobile) !important;
        min-height: var(--collection-banner-height-mobile) !important;
        max-height: var(--collection-banner-height-mobile) !important;
        aspect-ratio: auto !important;
        align-self: start !important;
    }

    .main-collection-custom.banner-custom-height-enabled
    #product-grid .collection-banner--mobile[data-banner-hidden="false"]
    .collection-banner__link,
    .main-collection-custom.banner-custom-height-enabled
    #product-grid .collection-banner--mobile[data-banner-hidden="false"]
    .collection-banner__image {
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-collection-custom #product-grid .collection-banner--reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}


/* ============================================================
   COLLECTION BANNERS — FINAL MOBILE/DESKTOP HIDE STATE
   ============================================================ */

.main-collection-custom #product-grid .collection-banner[data-banner-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="true"] {
    display: none !important;
  }

  .main-collection-custom #product-grid .collection-banner--mobile[data-banner-hidden="false"] {
    display: block !important;
  }

  .main-collection-custom #product-grid .collection-banner--desktop {
    display: none !important;
  }
}