/* Customer workspace uses the same red, white and charcoal brand as admin. */
:root {
    --gold: #e52636;
    --cream: #fff3f4;
    --paper: #fff;
}
.account-sidebar nav a.active i, .account-shortcuts>a>i, .account-top>.container>a {
    color:#e52636!important;
}
.account-avatar {
    font-family:var(--font-heading)!important;
}
.account-stats i, .account-shortcuts>a>i, .account-panel-head>a, .account-back, .tracking-steps li.current b {
    color:#e52636;
}
.account-stats>div {
    border-color:#ececf1;
    border-radius:12px;
}
.account-stats strong {
    font:700 30px var(--font-heading);
}
.account-heading h2, .account-panel h3 {
    font-family:var(--font-heading);
    letter-spacing:-.7px;
}
.account-heading h2 {
    font-size:29px;
}
.account-panel h3 {
    font-size:22px;
}
.account-welcome-note {
    background:#fff0f2;
    border-color:#ffdfe4;
}
.account-welcome-note>i, .account-welcome-note a {
    color:#e52636;
}
.account-top a {
    color:#e52636;
    border-color:#edb2ba;
}
.tracking-steps li.done>span, .featured-progress>span {
    background:#e52636;
}
.tracking-steps li.done:not(:first-child):before {
    border-color:#e52636;
}
.user-login-card .btn-gold {
    background:#e52636;
    color:#fff;
    border:0;
    border-radius:7px;
}
.user-login-page {
    background:#fff7f8
}
.user-login-hero {
    background:#fff3f4;
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center
}
.user-login-card {
    box-shadow:0 12px 45px #c9213310;
    border:1px solid #f4e1e4;
    background:#fff
}
.user-login-logo img {
    width:170px
}
.user-login-btn,.account-primary {
    background:#e52636!important;
    border-color:#e52636!important;
    color:#fff!important
}
.user-login-eyebrow,.user-login-links a,.account-top .eyebrow {
    color:#e52636!important
}
.account-top {
    background:#fff0f2!important;
    border-bottom:1px solid #ffe0e5
}
.account-top h1 {
    font-size:34px;
    font-family:var(--font-heading);
    letter-spacing:-1px
}
.account-top p {
    color:#92939c
}
.account-avatar {
    background:#fff0f2!important;
    color:#e52636!important
}
.account-sidebar nav a.active {
    background:#fff0f2!important;
    color:#e52636!important;
    border-color:#ffd9df!important
}
.account-stat i,.account-stat-icon {
    background:#fff0f2!important;
    color:#e52636!important
}
.account-heading h2 {
    font-family:var(--font-heading)
}
.account-panel,.account-sidebar,.account-stat {
    border-radius:12px!important;
    box-shadow:none!important;
    border-color:#ececf1!important
}
.account-page {
    background:#f8f8fa
}
.account-top .container {
    padding-block:35px
}
.account-layout {
    padding-top:30px;
    padding-bottom:45px
}
.account-shortcuts a {
    border-radius:10px
}
.account-primary:hover {
    background:#c91e2e!important
}
.product-summary h1 {
    font-size:34px;
    font-weight:750
}
.summary-price strong {
    color:#e52636
}
.product-summary .buy-row button:disabled {
    opacity:.4
}
.product-accordions p {
    font-size:12px;
    line-height:1.9
}
.detail-stage .detail-main {
    width:100%;
    object-fit:contain
}
.detail-thumbnails img:last-child {
    display:block
}
.ez-catalog-filters .form-control,.ez-catalog-filters .form-select {
    font-size:12px;
    min-height:44px;
    border-color:#e8e8ee
}
.ez-product-rating>small {
    font-size:9px
}
.track-order-container {
    max-width:1140px!important
}
.dark-section {
    background:#fff;
    color:#24262e
}
.product-info button {
    display:flex!important
}
@media(max-width:575px) {
    .user-login-hero {
        padding:30px 12px;
        min-height:580px
    }
    .user-login-card {
        padding:30px 24px
    }
    .product-summary h1 {
        font-size:27px
    }
    .account-top h1 {
        font-size:27px
    }
    .ez-catalog-filters>label {
        width:calc(50% - 8px)
    }
    .ez-catalog-filters>label:first-child {
        width:100%
    }
    .ez-catalog-filters .ez-button {
        width:100%
    }
    .detail-gallery .detail-main {
        height:340px
    }
    .detail-thumbnails {
        display:flex
    }
    .detail-thumbnails .detail-thumb {
        width:55px
    }
    .detail-thumbnails img {
        height:55px!important
    }
    .ez-hero-copy h1 {
        font-size:36px
    }
}