#html-body .page-main .page-title-wrapper {
    display: flex;
    position: relative;
    background: #58595b;
    overflow: hidden;
    margin-bottom: 40px;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

#html-body .page-main .page-title-wrapper .page-title {
    text-align: left;
    padding: 0 0 0 30px;
    color: #fff;
    font-weight: 300;
    border-left: 3px solid #83b1e2;
    font-size: 3.5rem;
    text-transform: capitalize;
    float: left;
    margin: 50px 50px;
    width: 100%;
    line-height: 1
}

@media (max-width: 767.98px) {
    #html-body .page-main .page-title-wrapper .page-title {
        margin: 0;
        padding: 40px 15px;
        border-left: 5px solid #83b1e2;
        font-size: 3rem
    }
}

@media (max-width: 639.98px) {
    #html-body .page-main .page-title-wrapper .page-title {
        text-align: center;
        border-left: none;
        font-size: 2rem
    }
}

#html-body .product-items .product-item .product-item-info {
    padding: 0;
    border-radius: 10px;
    border: 1px solid #a28eac
}

#html-body .product-items .product-item .product-item-info:hover {
    border-color: #a2a2a2
}

#html-body .product-items .product-item .product-item-info .product-image-container {
    width: 100% !important;
    padding: 20px 0
}

#html-body .product-items .product-item .product-item-info .product-image-container .product-image-wrapper .top-left {
    position: absolute;
    top: 15px;
    left: 15px;
    max-width: 40px;
    z-index: 2
}

#html-body .product-items .product-item .product-item-info .product-image-container .product-image-wrapper .top-right {
    position: absolute;
    top: 15px;
    right: 15px;
    max-width: 40px;
    z-index: 2
}

#html-body .product-items .product-item .product-item-info .product-image-container .product-image-wrapper .lower-left {
    position: absolute;
    bottom: 15px;
    left: 15px;
    max-width: 40px;
    z-index: 2
}

#html-body .product-items .product-item .product-item-info .product-image-container .product-image-wrapper .lower-right {
    position: absolute;
    right: 15px;
    bottom: 15px;
    max-width: 40px;
    z-index: 2
}

#html-body .product-items .product-item .product-item-info .product-image-container .product-image-wrapper .product-image-photo {
    display: block;
    margin: auto;
    width: auto;
    max-height: inherit
}

#html-body .product-items .product-item .product-item-info .product-item-details {
    padding: 10px
}

#html-body .product-items .product-item .product-item-info .product-item-details .product-item-name {
    margin: 0;
    font-size: 0.95rem
}

#html-body .product-items .product-item .product-item-info .product-item-details .product-usps {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    row-gap: 2px;
    margin: 15px 0 5px
}

#html-body .product-items .product-item .product-item-info .product-item-details .product-usps>div {
    display: flex;
    border-radius: 5px;
    align-items: center;
    width: 100%;
    padding: unset
}

#html-body .product-items .product-item .product-item-info .product-item-details .product-usps>div:before {
    content: '';
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDIwIDE1Ij4KICA8cGF0aCBkPSJNNy42IDEzLjcgMTguNCAyLjljLjQtLjQuNC0xIDAtMS4zTDE3LjEuM2MtLjQtLjQtMS0uNC0xLjMgMEw3IDkuMSAyLjkgNWMtLjQtLjQtMS0uNC0xLjMgMEwuMyA2LjNjLS40LjQtLjQgMSAwIDEuM2w2LjEgNi4xYy4zLjQuOS40IDEuMiAweiIgZmlsbD0iIzhkYzkxOCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9Im5vbmUiLz4KPC9zdmc+Cg==') no-repeat center / contain;
    min-width: 15px;
    height: 17px;
    margin: 0 10px 0 0
}

#html-body .product-items .product-item .product-item-info .product-item-details .product-usps>div span {
    font-size: 1rem;
    letter-spacing: 0.06em;
    font-weight: 500;
    color: #070605;
    text-transform: initial
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    margin: auto 0 5px;
    align-items: flex-end
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .old-price {
    font-size: 0.85rem;
    flex: 1 0 100%
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .old-price .price-container .price-label {
    font-size: inherit;
    line-height: inherit
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .old-price .price-container .price {
    text-decoration: line-through
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .old-price .price-saving span {
    font-weight: 700
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .special-price {
    order: 1
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .special-price .price-container .price-label {
    display: none;
    font-size: inherit;
    line-height: inherit
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .special-price .price-container .price {
    font-weight: 600;
    font-size: 1rem
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .normal-price {
    order: 1
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .normal-price .price-container .price-label {
    display: none;
    font-size: inherit;
    line-height: inherit
}

#html-body .product-items .product-item .product-item-info .product-item-details .price-box .normal-price .price-container .price {
    font-weight: 600
}

#html-body .product-items .product-item .product-item-info .product-item-details .affirm-as-low-as {
    font-size: 1rem;
    min-height: 40px
}

#html-body .product-items .product-item .product-item-info .product-item-actions .actions-primary {
    margin: 15px 0;
    width: 100%
}

#html-body .page-main>.columns .main .category-tree-wrapper .brands-menu {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    justify-content: center;
    margin: 1em 0;
    padding: .5em 0;
    font-size: 1.25rem;
    background: #fff;
    border-bottom: 1px solid #dedede;
    z-index: 1
}

@media (max-width: 767.98px) {
    #html-body .page-main>.columns .main .category-tree-wrapper .brands-menu {
        overflow: auto;
        justify-content: flex-start
    }
}

#html-body .page-main>.columns .main .category-tree-wrapper .brands-menu a {
    text-decoration: none;
    border-right: 1px solid #dedede;
    padding: 10px 15px;
    margin-right: 0.5em
}

#html-body .page-main>.columns .main .category-tree-wrapper .brands-menu a.active {
    background: #231f20;
    color: #fff
}

@media (min-width: 768px) {
    #html-body .page-main>.columns .main .category-tree-wrapper .brands-menu a:hover {
        background: #231f20;
        color: #fff
    }
}

#html-body .page-main>.columns .main .category-tree-wrapper .brands-menu a:last-child {
    border: unset
}

#html-body .page-main>.columns .main .category-tree-wrapper section {
    margin-bottom: 150px
}

#html-body .page-main>.columns .main .category-tree-wrapper section h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 21px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 14px 24px;
    margin: 0 0 50px
}

#html-body .page-main>.columns .main .category-tree {
    display: grid;
    gap: 1rem;
    margin: 0 0 3rem;
    grid-template-columns: repeat(auto-fit, minmax(150, calc(200px - 1rem)))
}

@media (min-width: 1024px) {
    #html-body .page-main>.columns .main .category-tree {
        margin: 0 0 3rem;
        grid-template-columns: repeat(auto-fit, minmax(200px, calc(240px - 1rem)))
    }
}

#html-body .page-main>.columns .main .category-tree .category-tree-items {
    border: 1px solid #dedede;
    border-radius: 5px
}

#html-body .page-main>.columns .main .category-tree .category-tree-items>a {
    display: block;
    position: relative
}

#html-body .page-main>.columns .main .category-tree .category-tree-items>a img {
    padding: 10px
}

#html-body .page-main>.columns .main .category-tree .category-tree-items>a span {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background: #bbb
}

@media (max-width: 767.98px) {
    #html-body .page-main>.columns .main .toolbar>.toolbar-amount {
        width: unset;
        order: 0
    }
}

@media (max-width: 767.98px) {
    #html-body .page-main>.columns .main .toolbar>.toolbar-sorter {
        width: unset;
        order: 1
    }
}

.block.filter .filter-options-item .filter-options-title {
    background: #f7f7f7;
    padding: 5px 10px;
    border: 1px solid #dedede;
    border-width: 1px 1px 1px 0
}

.block.filter .filter-options-item {
    border-left: 1px solid #dedede !important
}

.block.filter .filter-options-item .filter-options-content {
    padding: 0 10px;
    font-size: 0.875rem
}

.block.filter .content .count,
.block.filter .filter-options .count {
    font-weight: 500;
    opacity: 1
}

.filter-current .items .item {
    background: #f7f7f7;
    padding: 5px;
    margin: 5px 0;
    font-size: 0.875rem
}

.filter-current .items .item .filter-value {
    opacity: 1
}

.block.filter .filter-options-item .filter-options-content .items .item a:has(input) label {
    margin-left: 10px
}