/*html {
    font-size: 20px;
}
@media only screen and (min-width: 401px){
    html {
        font-size: 25px;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 26.75px;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 30px; 
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 35px; 
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 40px; 
    }
}*/
body {
    font-family: 'Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;
}

a {
    color: #132540;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
}
body a:hover {
    color: #e5655f;
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
    border: 0;
}
img.logo-image, .logo-image img, img.logo-image-container, .logo-image-container img {
    height: auto;
    max-width: 100%;
    max-height: 50px;
}


footer.page-footer {
    background: #E4E9F0;
    padding-bottom: 0px;
}
.page-footer .footer.content {
    border-top: none;
}
.page-footer-bottom-container {
    min-height: 30px;
    line-height: 12px;
    background-color: #0B172B;
    padding: 15px 0px;
}
.page-footer-bottom-container .page-footer-bottom {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
}
.page-footer-bottom-container .copyright {
    order: 1;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    padding: 10px 0px;
}
.page-footer-bottom-container .page-footer-bottom-block-container {
    order: 2;
    padding: 6px 0px;
}
.header ul, .footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer ul.social-media-icons {
    padding: 10px 0px 10px;
}
.social-media-icons li, footer.page-footer .social-media-icons li {
    display: inline-block;
    margin: 0px 0px 0px 22px;
}
.social-media-icons li a .iconfont {
    width: 46px;
    height: 46px;
    color: #fff;
    font-size: 20px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    transition: all ease-in-out .3s;
    background-color: #e5655f;
}
.social-media-icons li a:hover .iconfont {
    background-color: #c64d47;
}
.page-footer .footer.content .block {
    float: none;
}
.page-footer-top-container {
    padding: 3rem 0rem;
}
.page-footer-top {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
}
.page-footer-top .footer-newsletter {
    flex: 1;
    color: #132540;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0px;
}
.footer-newsletter .block-header {
    padding: 10px 0px 10px;
}
.footer-newsletter .block-header .title {
    font-size: 23px;
    font-weight: 600;
    line-height: 36px;
}
.footer-newsletter .block-header .subtitle {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}
.subscribe-form-content {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.footer-newsletter .content {
    flex: 1;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    padding: 10px 0px 10px;
}
.footer-newsletter input.footer-newsletter-input {
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: none;
    border-radius: 6px 0px 0px 6px;
    padding-left: 25px;
}
.footer-newsletter input.footer-newsletter-input:focus {
    box-shadow: 0 0 3px 1px #68a8e0;
}
.footer-newsletter button.footer-newsletter-button {
    height: 50px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: inherit;
    background-color: #63c0c4;
    text-transform: uppercase;
    transition: all ease-in-out .3s;
    border: none;
    border-radius: 0px 6px 6px 0px;
    padding: 0px 25px;
    margin-left: -1px;
}
.footer-newsletter button.footer-newsletter-button:hover {
    background-color: #509da0;
    border: none;
}
.footer-newsletter form.form {
    width: 100%;
    max-width: 440px;
}
.footer-newsletter .field.newsletter {
    width: 100%;
}
.pagebuilder-column-line .iconfont {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
}
.pagebuilder-column-line .iconfont p {
    /*margin: 0px;*/
}
.page-footer-middle-container .pagebuilder-column-line .iconfont:before {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    border-radius: 50%;
    text-align: center;
    /*display: inline-block;*/
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out .3s;
    background-color: #e5655f;
    margin: 0rem 1rem 1rem 0rem;
}
.page-footer-middle-container {
    color: #ffffff;
    background-color: #132540;
    padding: 3rem 0rem 3rem;
}
.page-footer-middle-container a {
    color: #ffffff;
}
.page-footer-middle-container a:hover {
    color: #e5655f;
}
.page-footer-middle-container h3 {
    font-size: 16px;
    font-weight: 600;
}
.page-footer-middle-container, .page-footer-middle-container a {
    font-size: 14px;
    font-weight: 300;
}
.page-footer-middle-container .page-footer-middle-block-container .iconfont {
    display: inline-block;
}
header.page-header {
    background-color: #0b172b;
}
body .page-header .panel.wrapper .switcher .options ul.dropdown {
    left: 0;
    right: auto;
}
body .page-header .panel.wrapper .switcher .options ul.dropdown:before {
    left: 10px;
    right: auto;
}
body .page-header .panel.wrapper .switcher .options ul.dropdown:after {
    left: 9px;
    right: auto;
}
body .page-header .switcher .options ul.dropdown, body .page-footer .switcher .options ul.dropdown {
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgb(0 0 0 / 25%);
}
body .page-header .panel.wrapper .switcher .options ul.dropdown li:hover, body .page-footer .switcher .options ul.dropdown li:hover {
    background: #f8f9fa;
}
.minicart-wrapper .block-minicart {
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 3px rgb(0 0 0 / 10%);
}
header.page-header .panel.wrapper {
    background-color: transparent;
    border-bottom: none;
}
header.page-header .header.panel {
    /*display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;*/
}
header.page-header .header.panel .switcher.switcher-currency {
    order: 1;
    /*float: none;*/
    float: left;
    margin: 0px;
}
header.page-header .header.panel .header.links {
    order: 2;
    /*float: none;*/
    float: right;
    margin: 0px;
}
header.page-header .header.panel .customer-welcome .customer-menu .header.links {
    top: 100%;
    right: 0px;
    width: 200px;
    /*min-width: 100%;*/
    position: absolute;
    list-style: none none;
    background: #ffffff;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
    padding: 10px 0px;
    margin: 7px 0px 0px;
    z-index: 101;
}
header.page-header .header.panel .customer-welcome .customer-menu li a {
    color: #132540;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    padding: 5px 15px;
}
header.page-header .header.panel .customer-welcome .customer-menu li a:hover {
    color: #132540;
    background-color: #e4e9f0;
}
header.page-header .header.panel li.customer-welcome {
    display: none;
}
header.page-header ul.page-header-top-links {
    float: right;
    display: inline-block;
}
header.page-header ul.page-header-top-links li {
    display: inline-block;
}
header.page-header ul.page-header-top-links a {
    color: #ffffff;
}
header.page-header ul.page-header-top-links > li:before {
    content: '';
    width: 1px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: #2f4769;
    margin: 0px 10px;
}
header.page-header ul.page-header-top-links > li:first-child:before {
    /*display: none;*/
}
.action.primary, a.action.primary, button.action.primary {
    line-height: 30px;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
    padding: 7px 25px;
}
.action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active {
    border: none;
}
button.action.tocart.primary {
    border-radius: 6px;
}
.block-customer-login .actions-toolbar .primary {
    float: none;
}
.password-strength-meter {
    height: 30px;
    line-height: 30px;
    /*background: none;*/
    border-radius: 6px;
    overflow: hidden;
    padding: 5px 20px;
}
.page-header-block-container .block-search {
    width: 300px;
    float: none;
    padding: 0px;
}
.block-search input {
    color: #6c7683;
    height: 40px;
    font-size: 13px;
    line-height: 30px;
    border: none;
    padding: 5px 35px 5px 20px;
}
body .block-search .action.search {
    top: 0;
    right: 0px;
    background-color: #63c0c4;
    border-radius: 0px 6px 6px 0px;
    border: none;
    padding: 0px 10px;
}
body .block-search .action.search.disabled, body .block-search .action.search[disabled], body fieldset[disabled] .block-search .action.search {
    pointer-events: none;
    opacity: 1;
}
body .block-search .action.search:hover {
    background-color: #509da0;
    border-radius: 0px 6px 6px 0px;
    border: none;
}
body .block-search .action.search:before {
    color: #ffffff;
    font-size: 22px;
    line-height: 40px;
    vertical-align: middle;
}
body .block-search .action.search:hover:before {
    color: #ffffff;
}
.block-search .field.search {
    position: relative;
}
.block-search .field.search .search-category {
    top: 0px;
    right: 40px;
    width: 100px;
    height: 100%;
    position: absolute;
    display: inline-block;
    border-radius: 0px;
    border: none;
    padding: 0px;
}
.block-search .field.search .search-category select {
    top: 0px;
    right: 40px;
    width: 100px;
    height: 100%;
    color: #bec3ca;
    line-height: 30px;
    display: inline-block;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    padding: 5px 20px;
}
.search-category select option {
    color: #000;
}
body .nav-toggle:before {
    color: #ffffff;
}
body .nav-toggle:hover:before {
    color: #ffffff;
}
body .logo {
    margin: 0px;
}
header.page-header .header.content {
    flex: 1;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 20px 30px;
}
.page-header-block-container {
    flex: 1;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 0px;
}
.switcher-dropdown-container {
    position: relative;
}
.switcher-dropdown-container .switcher-dropdown-trigger, .switcher-container .action.toggle {
    cursor: pointer;
}
.switcher-dropdown-container .switcher-dropdown-block {
    top: 100%;
    right: -10px;
    width: 200px;
    /*min-width: 100%;*/
    position: absolute;
    list-style: none none;
    background: #ffffff;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
    padding: 10px 0px;
    margin: 7px 0px 0px;
    z-index: 101;
    display: none;
}
.switcher-dropdown-container .switcher-dropdown-block:before {
    top: -12px;
    left: auto;
    right: 10px;
    content: '';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border: 6px solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 99;
}
.switcher-dropdown-container.active .switcher-dropdown-block {
    display: block;
}
.switcher-dropdown-block li {
    margin: 0px;
}
.switcher-dropdown-block a.switcher-option-link {
    color: #132540;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    padding: 5px 15px;
}
.switcher-dropdown-block a.switcher-option-link:hover {
    color: #132540;
    background-color: #e4e9f0;
}
.page-header-block-container .iconfont {
    color: #ffffff;
    font-size: 23px;
    font-weight: normal;
}
body .minicart-wrapper .action.showcart:before, body .minicart-wrapper .action.showcart.active:before {
    display: none;
}
.page-header-block-item .minicart-wrapper {
    margin-left: 0px;
}
.page-header-block-item {
    margin-left: 20px;
}
.customer-account-create .page-main {
    max-width: 1060px;
}
.form.create.account {
    width: 100%;
}
.field select {
    height: 46px;
    padding: 5px 20px;
}
main.page-main>.page-title-wrapper .page-title {
    color: #132540;
    font-size: 23px;
    font-weight: 600;
}
.login-container .fieldset>.legend, .form.password.reset .fieldset>.legend, .form.send.confirmation .fieldset>.legend, .form.password.forget .fieldset>.legend, .form.create.account .fieldset>.legend, .form.form-edit-account .fieldset>.legend, .form-address-edit .fieldset>.legend, .form-newsletter-manage .fieldset>.legend, .account .legend > span {
    color: #6c7683;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
}
.contact-index-index main.page-main .page-title-wrapper .page-title {
    display: none;
}
.contact-form-container .field.note.no-label {
    display: none;
}
.contact-index-index .page-wrapper .page-main .column.main .paget-contact-container {
    flex: 1;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 0px 30px;
}
.contact-index-index .page-wrapper .page-main .column.main .paget-contact-container .contact-form-container {
    width: 66%;
    margin: 0px 0px 30px;
}
.contact-index-index .page-wrapper .page-main .column.main .paget-contact-container .contact-form-container .form.contact {
    flex: 1;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
}
.paget-contact-container .fieldset {
    width: 50%;
    box-sizing: border-box;
    padding: 0px 20px 0px 0px;
}
.paget-contact-container .contact-form-title legend.legend {
    color: #777777;
    font-size: 20px;
    font-weight: 300;
    border: none;
}
.paget-contact-container .fieldset legend.legend {
    color: #777777;
    font-size: 20px;
    font-weight: 300;
    border: none;
}
.paget-contact-container .fieldset .field .label {
    font-size: 20px;
    font-weight: 500;
}
.page-contact-block.contact-info-container {
    width: 33%;
    line-height: 20px;
}
.page-contact-block.contact-info-container p {
    margin: 0px;
}
.page-contact-block.contact-info-container .iconfont {
    width: 43px;
    height: 43px;
    color: #ffffff;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    background-color: #63c0c4;
    border-radius: 6px;
    margin-bottom: 15px;
}
.page-contact-block.contact-info-container .contact-info-item, #html-body .page-contact-block.contact-info-container .contact-info-item {
    flex: 1;
    width: 100%;
    display: flex;
    line-height: 20px;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.page-contact-block.contact-info-container .contact-info-item .contact-info-icon {
    width: 50px;
    min-width: 50px;
}
.page-contact-block.contact-info-container .contact-info-item .contact-info-label {
    flex: 1;
}
select {
    height: 32px;
    line-height: 22px;
    padding: 5px 25px 5px 10px;
    box-sizing: border-box;
}
#totop, .totop {
    right: 15px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    background-color: #404040;
    border-radius: 5px 5px 0px 0px;
    box-sizing: border-box;
    padding: 0px 0px;
    z-index: 9999;
    display: none;
}
#totop:hover, .totop:hover {
    background-color: #555
}
.input-text.qty {
    border-radius: 3px;
}
.minicart-items .item-qty {
    width: 40px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    padding: 0px 0px;
    margin-right: 9px;
}
.qty-box {
    width: 80px;
    float: left;
    overflow: hidden;
    border: 1px solid #e4e9f0;
    border-radius: 6px;
    margin: 0px;
}
.qty-box .iconfont {
    color: #132540;
    font-size: 12px;
}
.qty-box input.qty {
    width: 30px;
    height: 35px;
    float: left;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    /*border: solid 1px #dfdfdf;*/
    border: none;
    padding: 0px 0px;
}
.qty-box .qtyminus, .qty-box .qtyplus {
    color: #132540;
    float: left;
    width: 25px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    position: relative;
    display: inline-block;
    /*background-color: #fff;*/
    background-color: transparent;
    transition: all ease-in-out .3s;
    /*border: solid 1px #dfdfdf;*/
    border: none;
    /*margin-right: -1px;*/
}
body .products-grid.wishlist .product-item .box-tocart input.qty {
    width: 30px;
}
.product-info-main .box-tocart .field.qty label.label {
    display: none;
}
.product-info-main .box-tocart .qty-box {
    width: 150px;
    border-radius: 6px;
    margin: 0px 20px 20px 0px;
}
.product-info-main .box-tocart .qty-box .iconfont {
    font-size: 14px;
}
.product-info-main .box-tocart .qty-box input.qty {
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.product-info-main .box-tocart .qty-box .qtyminus, .product-info-main .box-tocart .qty-box .qtyplus {
    width: 50px;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    background-color: #e4e9f0;
}
.product-badges {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 20px 0px 20px
}
.product-badges+.product-badges {
    margin-top: -20px
}
.product-badges li {
    margin-right: 9px;
    margin-bottom: 9px
}
.product-badges li:last-child {
    margin-right: 0
}
.product-badges li a {
    display: block;
    border-radius: 43px;
    border: 1px solid #132540;
    padding: 7px 20px;
    text-align: center;
    font-size: 10px;
    color: #132540;
    text-decoration: none;
    transition: .3s ease
}
.product-badges li a:hover {
    color: #fff;
    background-color: #132540;
    border-color: #132540
}
.custom-tooltip {
    position: relative;
    background: #333;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    margin: 0 5px 5px 0;
    float: right
}
.custom-tooltip a {
    font-weight: 700;
    font-size: 2rem;
    color: #fff
}
.product-item .product.name a {
    height: 60px;
    color: #132540;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    word-break: break-word;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
}
body .products-grid .product-item-info:hover, body .products-grid .product-item-info.active {
    background: none;
    box-shadow: none;
    border: none;
    margin: auto;
    padding: 0px;
    position: relative;
    z-index: 9;
}
body .products-grid .product-item-inner, body .page-wrapper .products-grid .product-item .product-item-info .product-item-inner {
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    clip: unset;
    display: block;
    position: relative;
    background: none;
    box-shadow: none;
    border: none;
    z-index: 2;
    padding: 0px 0px 15px;
    margin: 0px;
}
body .products-grid .product-item-actions {
    margin: 0px;
}
body .product-item .product-item-actions .actions-secondary {
    display: none;
}
.products-grid .product-item {
    text-align: center;
}
.product-item .stock-status-label {
    display: none;
}
body .products-grid.wishlist .product-item .fieldset {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
}
body .products-grid.wishlist .product-item .fieldset .field.qty, body .products-grid.wishlist .product-item .fieldset .product-item-actions {
    margin: 0px;
}
.products-grid.wishlist .product-item .box-tocart .tocart {
    color: #fff;
    float: right;
    /*width: calc(100% - 100px);*/
    height: 35px;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #63c0c4;
    border: none;
    border-radius: 6px;
    transition: all ease-in-out .3s;
    padding: 0px 15px;
}
.products-grid.wishlist .product-item .box-tocart .tocart:hover {
    background-color: #509da0;
    border: 0;
}
.products-grid .product-item .product-item-details .product-item-actions .tocart {
    color: #fff;
    float: right;
    width: calc(100% - 100px);
    height: 35px;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #63c0c4;
    border: none;
    border-radius: 6px;
    transition: all ease-in-out .3s;
    padding: 0px;
}
.products-grid .product-item .product-item-details .product-item-actions button.action.button-pre-order {
    background-color: #afafaf;
}
.products-grid .product-item .product-item-details .product-item-actions .tocart:hover {
    opacity: 0.9;
    background-color: #509da0;
    border: 0;
}
.products-grid .product-item {
    border: 1px solid #e4e9f0;
    transition: all ease-in-out .3s;
    padding: 20px 20px 20px;
    margin: 0px 0px 20px;
}
.products-grid .product-item:hover {
    background-color: #f8f9fa;
}
body.page-products .products-grid .product-item-inner:before {
    display: none;
}
.product-item-actions .actions-primary {
    width: 100%;
}
.page-products .products-grid .product-item {
    padding: 20px 10px;
}
body.page-layout-1column .products-grid .product-item {
    padding: 20px 10px;
}
.products-grid.wishlist .product-item .comment-box {
    display: none;
}
.products-grid.wishlist .product-item a.action.edit {
    display: none;
}
.product-info-main .page-title-wrapper h1 {
    color: #21293c;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0px 0px 20px;
}
body .product.data.items > .item.title, .product.data.items > .item.title.active {
    background: none;
    margin: 0px;
}
body .product.data.items > .item.title > .switch, .product.data.items > .item.title.active > .switch {
    color: #132540;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    background: none;
    border: none;
    padding: 0px 30px 0px 0px;
}
body .product.data.items > .item.content {
    border: none;
    border-top: 1px solid #cccccc;
    padding: 20px 0px 0px;
}
.product-info-main .product-info-price {
    border-bottom: none;
}
.product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
    color: #132540;
    font-size: 22px;
    line-height: 36px;
}
.sidebar-main .nav.items li.item strong {
    color: #e94135;
}
.block-collapsible-nav .item a, .block-collapsible-nav .item > strong {
    font-size: 14px;
}
body.account .page-main .page-title-wrapper .page-title {
    color: #132540;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 30px;
}
.account .column.main .block:not(.widget) .block-title {
    border-bottom: none;
    margin-bottom: 10px;
}
body .block .block-title strong, .account .column.main .block:not(.widget) .block-title > strong {
    border-bottom: 0;
    color: #6c7683;
    font-size: 18px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 15px;
}
body .box {
    border: 1px solid #e4e9f0;
    box-sizing: border-box;
    padding: 20px;
}
body form .fieldset > .field > .label {
    color: #6c7683;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0px 0px 8px 8px;
}
body .amstockstatus-cart {
    padding: 5px 0px;
    background: none;
}
.cart.table-wrapper .col.qty .field.qty {
    min-width: 67px;
}
.qty.field .control, .qty.field .qty-changer {
    display: inline-block;
    vertical-align: middle;
}
.qty.field .qty-changer > a, .cart.table-wrapper .qty.field .qty-changer > a {
    color: #132540;
    width: 15px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    display: block;
    background-color: #e4e9f0;
    border: none;
    border-radius: 3px;
    margin-top: 2px;
}
.qty.field .qty-changer .iconfont, .cart.table-wrapper .qty.field .qty-changer .iconfont {
    color: #132540;
    width: 15px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
}
.qty.field .qty-changer > a:first-child, .cart.table-wrapper .qty.field .qty-changer > a:first-child {
    margin-top: 0;
}
.cart.table-wrapper .col.qty .label {
    display: none;
}
.cart.table-wrapper .col.qty .input-text {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    padding: 0px 0px;
    margin: 0px;
}
body .cart.table-wrapper .cart.item .cart-price .price {
    color: #132540;
    font-size: 16px;
    font-weight: 300;
}
.cart.table-wrapper .product-item-name, .cart.table-wrapper .product-item-name a {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}
.cart.table-wrapper .product-item-name:hover, .cart.table-wrapper .product-item-name a:hover {
    color: #63c0c4;
    text-decoration: underline;
}
.cart-discount .block.discount {
    color: #132540;
    box-sizing: border-box;
    background-color: #e4e9f0;
    padding: 25px 25px;
    width: 100%;
}
.cart-discount .block .title:after {
    display: none;
}
.abs-discount-block-desktop .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title {
    cursor: default;
    border: none;
    padding: 0px 0px 10px;
}
.abs-discount-block-desktop .block .content, .paypal-review-discount .block .content, .cart-discount .block .content {
    display: block !important;
    padding: 0px;
}
.paypal-review-discount .fieldset, .cart-discount .fieldset {
    display: table;
    width: 100%;
}
.cart-discount .block .actions-toolbar {
    display: table-cell;
    vertical-align: top;
    width: 1%;
}
#discount-coupon-form #coupon_code {
    border-radius: 6px 0px 0px 6px;
}
.cart-discount .actions-toolbar .action.primary {
    color: #ffffff;
    background-color: #63c0c4;
    border-color: #63c0c4;
    box-shadow: none;
}
.cart-discount .actions-toolbar .action.primary:hover {
    color: #ffffff;
    background-color: #509da0;
    border-color: #509da0;
}
.abs-revert-to-action-secondary:not(:focus), .abs-discount-block .actions-toolbar .action.primary:not(:focus), .abs-discount-block .actions-toolbar .action.cancel:not(:focus), .block-compare .action.primary:not(:focus), .cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus), .abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus), .cart-summary .form.giftregistry .fieldset .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.cancel:not(:focus), .cart-discount .actions-toolbar .action.primary:not(:focus), .cart-discount .actions-toolbar .action.cancel:not(:focus), .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) {
    box-shadow: none;
}
button:not(.primary) {
    border: none;
}
button:not(.primary):hover {
    color: #132540;
    background-color: #c3cede;
    border: none;
}
li.checkout-payment-method .discount-code, div.checkout-payment-method .discount-code {
    margin-top: 20px;
}
.checkout-payment-method .payment-option._collapsible .payment-option-title {
    cursor: pointer;
}
.checkout-payment-method .payment-option-title .action-toggle {
    color: #132540;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
}
.checkout-payment-method .payment-option-title .action-toggle:after {
    color: #132540;
    font-size: 12px;
    line-height: 16px;
    transition: all ease-in-out 0.3s;
    margin: 0px 0px 0px 0px;
}
li.checkout-payment-method .payment-option-title .action-toggle span, div.checkout-payment-method .payment-option-title .action-toggle span {
    transition: all ease-in-out 0.3s;
}
li.checkout-payment-method .payment-option-title .action-toggle:hover span, div.checkout-payment-method .payment-option-title .action-toggle:hover span {
    color: #e5655f;
}
li.checkout-payment-method .payment-option-title .action-toggle:hover:after, div.checkout-payment-method .payment-option-title .action-toggle:hover:after {
    color: #e5655f;
}
.opc-wrapper .form-discount {
    max-width: none;
}
li.checkout-payment-method .discount-code .payment-option-inner input, div.checkout-payment-method .discount-code .payment-option-inner input {
    height: 44px;
    border: none;
    border-radius: 6px 0px 0px 6px;
    background-color: #e4e9f0;
}
.checkout-payment-method .payment-option-content {
    padding: 15px 0px 10px;
}
li.checkout-payment-method .discount-code .actions-toolbar .primary .action, div.checkout-payment-method .discount-code .actions-toolbar .primary .action {
    text-transform: uppercase;
    background-color: #63c0c4;
    border: none;
    border-radius: 0px 6px 6px 0px;
    margin: 0px;
}
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
    color: #ffffff;
    background-color: #63c0c4;
    border: none;
}
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover {
    color: #ffffff;
    background-color: #63c0c4;
    border: none;
}
li.checkout-payment-method .discount-code .actions-toolbar .primary .action span, div.checkout-payment-method .discount-code .actions-toolbar .primary .action span {
    color: #ffffff;
}
li.checkout-payment-method .payment-method-content, div.checkout-payment-method .payment-method-content {
    padding: 0px;
}
li.checkout-payment-method .payment-option-title, div.checkout-payment-method .payment-option-title {
    border-top: none;
    padding: 15px 0px 0px;
}
textarea {
    border: 1px solid #e4e9f0;
    border-radius: 6px;
}
.sections.nav-sections {
    background: #132540;
}
.sections.nav-sections nav.navpro {
    background: #132540;
}
body .navigation .level0 {
    vertical-align: middle;
    /*border: none;*/
    margin: 0px 20px 0px 0px;
}
body .page-wrapper .sections.nav-sections .navigation .level0 > .level-top {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    padding: 6px 30px 6px 6px;
}
.navigation .level0 > .level-top:hover {
    color: #e5655f;
}
.navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top {
    color: #ffffff;
}
.navigation .level0:hover:after {
    display: none;
}
.left-banner button.pagebuilder-banner-button.pagebuilder-button-primary {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
    padding: 15px 30px;
    margin: 0px 0px 0px;
}
.center-banner .pagebuilder-poster-content {
    bottom: 9%;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 10px;
    margin: 0px auto 0px;
}
.center-banner button.pagebuilder-banner-button.pagebuilder-button-primary {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: all ease-in-out 0.3s;
    padding: 15px 30px;
    margin: 10px auto 10px;
}
.pagebuilder-banner-wrapper:hover button.pagebuilder-banner-button.pagebuilder-button-primary {
    background-color: #509da0;
}
#html-body .page-home-banner-grid .pagebuilder-column-group .pagebuilder-column {
    padding: 10px;
}
#html-body .page-home-banner-grid .pagebuilder-column-group .pagebuilder-column .pagebuilder-overlay {
    padding: 26% 0px;
}
#html-body .page-home-banner-bar .pagebuilder-banner-wrapper .pagebuilder-overlay {
    padding: 16% 2%;
}
.center-banner .pagebuilder-overlay.pagebuilder-poster-overlay {
    text-align: center;
}
.block.widget .products-grid .product-item .product-item-inner, .page-layout-1column .block.widget .products-grid .product-item .product-item-inner, .page-layout-3columns .block.widget .products-grid .product-item .product-item-inner {
    box-shadow: none;
    margin: 0px 0px 0px;
}
.page-layout-1column .block.widget .products-grid .product-item {
    text-align: center;
    padding: 15px 10px 15px;
}
.product-item .product-item-name, .product-item .product-item-name a {
    /*height: 60px;*/
    min-height: 60px;
    font-size: 13px;
    line-height: 20px;
    /*word-break: break-word;*/
    text-decoration: none;
    overflow: hidden;
}
.minicart-items .product-item .product-item-name {
    min-height: 20px;
}
.product-item .price-box {
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    margin: 10px 0 10px;
}
.product-item .minimal-price-link {
    margin: 0px;
}
.catalog-category-view .page-main .page-title-wrapper {
    display: block;
    background-color: #e4e9f0;
    padding: 15px 25px;
    margin-bottom: 30px;
}
main.page-main>.page-title-wrapper .page-title {
    color: #132540;
    font-size: 23px;
    font-weight: 600;
}
.catalog-category-view .page-main .page-title-wrapper .page-title {
    color: #0b172b;
    font-size: 23px;
    font-weight: 600;
    margin: 0px;
}
.sorter-label {
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0px;
}
div.toolbar .sorter label, div.toolbar .limiter label, div.toolbar .sorter strong, div.toolbar .limiter strong {
    color: #6c7683;
    font-size: 12px;
    font-weight: 600;
}
.sorter-options {
    width: auto;
    margin: 0px 5px 0px 7px;
}
.toolbar select {
    height: 37px;
    color: #7a7d82;
    font-size: 14px;
    font-weight: 400;
    line-height: 31px;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid #e4e4e4;
    box-shadow: none;
    padding: 0px 30px 0px 10px;
}
div.toolbar select {
    color: #6c7683;
    height: 35px;
    font-size: 12px;
    line-height: 36px;
    background-size: 20px 40px;
    background-position: 90% 48%;
    border: 1px solid #e4e9f0;
    border-radius: 6px;
    padding: 0px 50px 0px 20px;
}
.sorter-action {
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
}
.action:not(.switcher-trigger) {
    /*color: #132540;*/
    font-size: 13px;
    font-weight: 600;
}
div.toolbar .sorter-action {
    line-height: 36px;
    transition: all ease-in-out .3s;
    vertical-align: initial;
    margin-top: 0px;
}
div.modes .modes-mode {
    width: 26px;
    height: 26px;
    text-align: center;
    background-color: #e4e9f0;
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: none;
    padding: 0px 0px;
}
div.modes .modes-mode.active {
    background-color: #e5655f;
}
div.modes .modes-mode:before {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
}
.toolbar .modes > a {
    text-decoration: none;
}
div.modes .modes-mode:hover {
    background-color: #e5655f;
}
div.products-list button.tocart {
    height: 35px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0;
    background-color: #63c0c4;
    border: 0;
    border-radius: 6px;
    transition: all ease-in-out .3s;
    margin: 0px 0px 0px 10px;
}
.action.primary, .action-primary {
    border: none;
}
.action.primary:hover, .action-primary:hover {
    color: #ffffff;
    background: #509da0;
    border: none;
}
.block-minicart .action.primary, .block-minicart .action-primary {
    color: #ffffff;
    background: #509da0;
    border: none;
}
.block-minicart .action.primary:hover, .block-minicart .action-primary:hover {
    opacity: 0.9;
}
.block-minicart .block-content .secondary .action.viewcart {
    width: 100%;
    color: #0b172b;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    box-sizing: border-box;
    text-transform: uppercase;
    background-color: #e4e9f0;
    border-radius: 6px;
    border: 0;
    transition: all ease-in-out .3s;
    padding: 10px 15px;
}
.block-minicart .block-content .secondary .action.viewcart:hover {
    background-color: #c3cede;
    text-decoration: none;
}
.filter-options-content a:hover {
    background-color: transparent;
    text-decoration: none;
}
.pages .action {
    background: transparent;
    box-shadow: none;
}
.pages strong.page {
    color: #333333;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: normal;
    display: inline-block;
    background: #e5e5e5;
    padding: 0 10px;
}
.pages .action:hover {
    color: #e5655f;
    background: transparent;
    text-decoration: none;
}
.pages .action.previous:hover:before {
    color: #e5655f;
}
.pages .action.next:hover:before {
    color: #e5655f;
}
.page-product-bar-block .pagebuilder-column {
    white-space: nowrap;
}
#html-body .page-product-bar-block .pagebuilder-column-line {
    display: flex;
    flex-wrap: wrap;
    flex-flow: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
}
#html-body .page-product-bar-block .pagebuilder-column-line > .pagebuilder-column {
    width: auto;
    flex-basis: auto;
}
.page-product-bar-block img {
    /*width: 22px;
    height: 22px;*/
    max-height: 30px;
    vertical-align: middle;
    padding: 0px 5px;
}
.bar-cell {
    flex: 1;
    width: 100%;
    display: flex;
    line-height: 26px;
    flex-direction: row;
    /*flex-flow: row wrap;*/
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px 0px 30px;
}
.bar-cell p {
    margin: 0px;
}
.bar-cell img.bar-icon {
    width: auto;
    height: auto;
    /*max-width: 40px;*/
    max-height: 32px;
    margin: 10px 10px 10px;
}
.bar-cell .bar-content {
    padding: 0px 10px 0px;
}
.bar-cell .bar-label {
    font-size: 18px;
}
.bar-cell .bar-desc {
    font-size: 16px;
}
body .header.panel > .header.links > li, body .header.panel > .header.links > li.welcome, body .header.panel > .header.links > li > a {
    font-size: 12px;
    line-height: 22px;
}
.page-product-bar-block .bar-cell {
    flex: 1;
    width: 100%;
    display: flex;
    line-height: 17px;
    flex-direction: row;
    /*flex-flow: row wrap;*/
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 0px 20px;
}
.page-product-bar-block .bar-cell img.bar-icon {
    width: auto;
    height: auto;
    /*max-width: 40px;*/
    max-height: 16px;
    margin: 3px 0px 3px;
}
.page-product-bar-block .bar-cell .bar-content {
    padding: 0px 5px 0px;
}
.page-product-bar-block .bar-cell .bar-label {
    font-size: 12px;
}
.page-product-bar-block .bar-cell .bar-desc {
    font-size: 12px;
}
.catalog-product-view main.page-main {
    max-width: 1060px;
    padding: 60px 20px 20px;
}
.checkout-container {
    padding: 20px 0px 20px;
}
.checkout-container .payment-method {
    padding: 20px 0px 10px;
}
.checkout-agreement input[type="checkbox"] {
    top: 0px;
    margin: 0px 3px 0px;
}
.checkout-agreement .mage-error {
    margin: 3px 3px 0px;
}
.pagebuilder-slider.slick-slider .slick-list .slick-slide .pagebuilder-slide-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pagebuilder-slider.slick-slider .slick-list .slick-slide .pagebuilder-slide-wrapper .pagebuilder-overlay {
    margin: unset;
}
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary {
    color: #ffffff;
    font-size: 14px;
    background: #63c0c4;
    padding: 13px 25px;
}
a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
    color: #ffffff;
    background: #509da0;
}
.header.panel > .header.links > .authorization-link:after {
    font-weight: 600;
    /*text-transform: uppercase;*/
    /*text-transform: capitalize;*/
}
body .products-grid.products-upsell .product-items .product-item {
    width: calc((100% - 6%) / 4);
    margin-left: 2%;
}
body .products-grid.products-upsell .product-items .product-item:nth-child(4n + 1) {
    margin-left: 0;
}
body .products-grid.products-upsell .product-items .product-item .product-item-info {
    width: auto;
}
.page-products .product-item-info {
    margin: auto;
}
.breadcrumbs {
    padding: 20px 20px 20px;
}
.product-sku {
    padding: 5px 0px 5px;
}
.product-item .product-sku {
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0px 10px;
}
.product-item .product-item-details {
    font-size: 12px;
}
.amstockstatus-category {
    padding: 5px 0px 5px;
}
body .price-container .price {
    font-size: 17px;
}
body .old-price .price-container .price {
    font-size: 12px;
}
.price-box .old-price .price-label, body .product-info-price .price-box .old-price .price-label {
    display: none;
}
.price-box .old-price .price, body .product-info-price .price-box .old-price .price {
    color: #666666;
    text-decoration: line-through;
}
.price-box .special-price .price, body .product-info-price .price-box .special-price .price {
    color: #e5655f;
}
.product-item-info {
    position: relative;
    overflow: hidden;
}
.product-labels {
    top: 0;
    right: 0;
    position: absolute;
    display: none;
    z-index: 3;
}
.product-item-info .product-labels {
    display: block;
}
.product-labels .product-label {
    height: 30px;
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
    background-color: #e5655f;
    border-radius: 20px;
    padding: 0px 15px;
}
.amstockstatus-status-container.stock.stock-status-container.stock-status-in-stock {
    color: #4CAF50;
}
.amstockstatus-status-container.stock.stock-status-container.stock-status-out-of-stock {
    color: #E91E63;
}
.form.methods-shipping .actions-toolbar {
    padding: 20px 0px 0px;
}
.checkout-payment-method .opc-payment .payment-group .payment-method {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    background: #f8fcfb;
    padding: 10px 10px 10px;
    margin: 0px 0px 20px;
}
body .checkout-payment-method .payment-method + .payment-method .payment-method-title {
    border-top: none;
}
.opc-block-summary table.data.table.table-totals tr.totals.charge {
    display: none;
}
li.li-item.level-top.ui-menu-item > a {
    text-transform: uppercase;
}
.cart-totals tr.totals.shipping.excl .value {
    display: none;
}
.nav-sections ul#ui-id-1 {
    width: auto;
    background: none;
}
.block-container {
    padding: 0px 15px;
}
.explain-container {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 20px 8px 10px;
}
/*tr.summary-details.summary-details-first {
    display: table-row !important;
}
tr.summary-total {
    display: none;
}
tr.summary-details.summary-details-first td.admin__total-mark {
    padding: 1rem 1rem;
}*/
.checkout-shipping-method a.action.action-back {
    font-size: 14px;
    line-height: 30px;
    text-decoration: underline;
    text-underline-offset: 2px;
    padding: 5px 0px 5px;
}
.table-order-items .totals.tax.details + .totals-tax-summary {
    display: none;
}
.toolbar-item-block {
    float: left;
    display: inline-block;
}
.page-products .toolbar .toolbar-item-block .modes {
    padding: 5px 0px 0px 0px;
}
.page-products .toolbar .toolbar-item-block .toolbar-amount {
    float: none;
    display: inline-block;
    vertical-align: middle;
    /*padding: 10px 10px 0px 0px;*/
}
.page-products .toolbar .toolbar-item-block .limiter {
    display: inline-block;
    padding: 0px 10px 0px 10px;
}









@media only screen and (max-width: 1200px){
    .bar-cell {
        text-align: center;
        flex-direction: column;
    }
    .page-product-bar-block .bar-cell {
        text-align: left;
        flex-direction: row;
    }
    #html-body .page-bar-block .pagebuilder-column-line {
        flex-flow: row wrap;
    }
    #html-body .page-bar-block .pagebuilder-column {
        width: 50%;
        flex-basis: 50%;
    }
}








@media only screen and (max-width: 991px){
    .page-footer-top {
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .page-footer-top .footer-newsletter {
        width: 100%;
    }
    .social-media-icons li, footer.page-footer .social-media-icons li {
        margin: 0px 22px 0px 0px;
    }
    .page-footer-middle-container .pagebuilder-column-line {
        flex-wrap: wrap;
    }
    .page-footer-middle-container .pagebuilder-column {
        background-attachment: scroll !important;
        flex-basis: 100%;
        max-width: 100%;
    }
    .contact-index-index .page-wrapper .page-main .column.main .paget-contact-container .contact-form-container {
        width: 100%;
    }
    .page-contact-block.contact-info-container {
        width: 100%;
    }
    .pagebuilder-slider.slick-slider .slick-list .slick-slide .pagebuilder-slide-wrapper {
        justify-content: center;
    }
    body .products-grid.products-upsell .product-items .product-item {
        width: calc((100% - 4%) / 3);
        margin-left: 2%;
    }
    body .products-grid.products-upsell .product-items .product-item:nth-child(4n + 1) {
        margin-left: 2%;
    }
    body .products-grid.products-upsell .product-items .product-item:nth-child(3n + 1) {
        margin-left: 0;
    }
    .center-banner .pagebuilder-poster-content {
        bottom: 12%;
    }
}



@media only screen and (max-width: 768px){
    body .nav-toggle {
        top: auto;
        left: auto;
        position: relative;
        z-index: 13;
        margin: 0px 20px 0px 0px;
    }
    .page-header-block-container .block-search {
        width: auto;
        margin: 0px;
    }
    .page-header-block-container .minicart-wrapper {
        margin: 0px;
    }
    .page-header-block-container .block-search .label:before {
        color: #ffffff;
        font-size: 26px;
        line-height: 26px;
        cursor: pointer;
        margin: 0px;
    }
    .page-header-block-container .block-search .control {
        left: 0;
        bottom: -4.25rem;
        width: 100%;
        position: absolute;
        box-sizing: border-box;
        background-color: #132540;
        border: none;
        margin: 0;
        z-index: 99;
    }
    .page-footer-top .footer-newsletter {
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .footer-newsletter .content {
        width: 100%;
    }
    .footer-newsletter form.form {
        max-width: 100%;
    }
    .page-footer-bottom-container .page-footer-bottom {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .page-footer-bottom-container .copyright {
        order: 2;
    }
    .page-footer-bottom-container .page-footer-bottom-block-container {
        order: 1;
    }
    .paget-contact-container .fieldset {
        width: 100%;
    }
    body .products-grid.products-upsell .product-items .product-item {
        width: calc((100% - 2%) / 2);
        margin-left: 2%;
    }
    body .products-grid.products-upsell .product-items .product-item:nth-child(4n + 1) {
        margin-left: 2%;
    }
    body .products-grid.products-upsell .product-items .product-item:nth-child(3n + 1) {
        margin-left: 2%;
    }
    body .products-grid.products-upsell .product-items .product-item:nth-child(2n + 1) {
        margin-left: 0;
    }
}


@media only screen and (max-width: 639px){
    header.page-header .header.content .logo {
        order: 1;
        width: 100%;
        flex-basis: 100%;
        padding: 0px 20%;
        margin: 0px auto;
    }
    header.page-header .header.content .nav-toggle {
        order: 2;
        flex-basis: 120px;
        margin: 0px;
    }
    header.page-header .header.content .page-header-block-container {
        order: 3;
        flex-basis: 180px;
        margin: 0px;
    }
    .center-banner .pagebuilder-poster-content {
        bottom: 16%;
    }
    .left-banner button.pagebuilder-banner-button.pagebuilder-button-primary {
        font-size: 13px;
        padding: 6px 16px;
    }
}


@media only screen and (max-width: 500px){
    .page-footer-bottom-container .page-footer-bottom {
        align-items: center;
    }
    /*body .products-grid .product-item, .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item {
        width: 100%;
        margin: 0px auto 10px;
    }
    .page-products .product-item-info {
        width: auto;
    }*/
}








@media (min-width: 768px), print {
    form.form.create.account>.fieldset.create.info .field {
        float: left;
        width: calc((100% - 3.75rem)*0.5);
    }
    form.form.create.account>.fieldset.create.info .field.field-name-firstname, form.form.create.account>.fieldset.create.info .field.password, form.form.create.account>.fieldset.create.info .field.currency, form.form.create.account>.fieldset.create.info .field.organization-number {
        margin-right: 3.75rem;
    }
    form.form.create.account>.fieldset.create.info .field.password {
        clear: both;
    }
    form.form.create.account>.fieldset.address .field {
        float: left;
        width: calc((100% - 3.75rem)*0.5);
    }
    form.form.create.account>.fieldset.address .field.street {
        width: 100%;
    }
    form.form.create.account>.fieldset.address .nested-field {
        width: 100%;
    }
    form.form.create.account>.fieldset.address .field.street .control {
        float: left;
        margin-right: 3.75rem;
        width: calc((100% - 3.75rem)*0.5);
    }
    form.form.create.account>.fieldset.address .field.street .nested {
        float: left;
        width: calc((100% - 3.75rem)*0.5);
    }
    form.form.create.account>.fieldset.address .field.street .nested .field {
        width: 100%;
        margin: 0px;
    }
    form.form.create.account>.fieldset.address .field.street .nested .control {
        width: 100%;
    }
    form.form.create.account>.fieldset.address .field.street .nested .input-text {
        width: 100%;
    }
    form.form.create.account>.fieldset.address .field.company {
        margin-right: 3.75rem;
    }
    form.form.create.account>.fieldset.address .field.country {
        margin-right: 3.75rem;
    }
    form.form.create.account>.fieldset.address .field.city {
        margin-right: 3.75rem;
    }
    form.form.create.account>.fieldset.address .field.currency {
        margin-right: 3.75rem;
    }
}


@media (min-width: 769px), print {
    .page-layout-2columns-left .sidebar-main {
        width: 20%;
    }
    .page-layout-2columns-left .sidebar-additional {
        width: 20%;
    }
    .page-layout-2columns-left .column.main {
        width: 80%;
    }
    .page-layout-1column .product-info-main {
        width: 59%;
    }
    .page-layout-1column .product.media {
        width: 40%;
    }
    body #search_mini_form {
        width: 230px;
    }
    .page-header-block-container .block-search {
        width: 230px;
    }
    #html-body .page-home-banner-grid .pagebuilder-column-group .pagebuilder-column:nth-child(2n - 1) {
        padding: 10px 10px 10px 0px;
    }
    #html-body .page-home-banner-grid .pagebuilder-column-group .pagebuilder-column:nth-child(2n) {
        padding: 10px 0px 10px 10px;
    }
    .form.create.account {
        min-width: 700px;
    }
}


@media (min-width: 992px), print {
    body #search_mini_form {
        width: 360px;
    }
    .page-header-block-container .block-search {
        width: 300px;
    }
}




















































header.page-header {
    position: relative;
    z-index: 99;
}
.page-wrapper .sections.nav-sections {
    /*position: relative;
    z-index: 99;*/
}
.page-wrapper .sections.nav-sections .section-item-content.nav-sections-item-content {
    position: relative;
    z-index: 96;
}
.page-wrapper .sections.nav-sections .section-item-content.nav-sections-item-content nav.magetime-navigationpro.navpro.navigation {
    position: relative;
    z-index: 96;
}
.page-wrapper .sections.nav-sections .section-item-content.nav-sections-item-content.active-menu .menu-mask {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    background-color: rgb(0 0 0 / 52%);
    z-index: 6;
    display: none;
}
body .navigation li.li-item {
    box-sizing: border-box;
}


body .navigation a {
    color: #ffffff;
    text-decoration: none;
}
body .navigation .navpro-dropdown a {
    color: #132540;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    text-decoration: none;
}
body .navigation a:hover, body .navpro.navigation .navpro-menu .li-item .children li a:hover, body .navpro .level0 .children > li > a:hover, body .navpro .level0 .children .parent > a:hover, body .navpro .level0 .level-top:hover {
    color: #e5655f;
    text-decoration: none;
}
body .navigation li.level1 > a {
    color: #132540;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    background-color: transparent;
    background-position: 8px 5px;
    padding: 5px 10px 5px;
}
body .navpro-dropdown .children > li > a, body .navpro-dropdown .children .parent > a {
    color: #132540;
}
body .navigation li.level1 .children a {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    padding: 5px 15px;
}
body .navigation .li-item.main-menu-item .li-item.level1 > a {
    /*text-transform: uppercase;*/
}
body .navpro-icon-caret::before {
    background-size: 16px 16px;
    z-index: 99;
}
body .page-wrapper .sections.nav-sections .navigation .navpro-icon-caret::before {
    top: calc(50% - 15px);
    transform: none;
}
body .navigation .ui-menu-icon::after {
    display: none !important;
}
body .navigation li.li-item.level2 ul.children::-webkit-scrollbar {
    width: 3px;
    background-color: #ffffff;
}
body .navigation li.li-item.level2 ul.children::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #63c0c4;
    background-image: -webkit-linear-gradient(top,#000 0,#000 50%,#000 51%,#000 100%)
}
body .navigation li.li-item.level2 ul.children::-webkit-scrollbar {
    width: 3px;
    background-color: #ffffff;
}
body .navigation li.li-item.level2 ul.children::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #63c0c4;
    background-image: -webkit-linear-gradient(top,#000 0,#000 50%,#000 51%,#000 100%)
}
@media (min-width:768px){
    body .navigation .ui-menu-icon {
        height: 100%;
        display: inline-block !important;
    }
}
@media(min-width: 1200px) {
    body .navigation .level0 {
        margin: 0px 25px 0px 0px;
    }
    body .navigation .level0.parent > .level-top > .ui-menu-icon {
        top: 10px;
        right: 0px;
    }
    body a.level-top > .navpro-icon-caret::before {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBwb2ludHM9IjM5Ni42LDE2MCA0MTYsMTgwLjcgMjU2LDM1MiA5NiwxODAuNyAxMTUuMywxNjAgMjU2LDMxMC41ICIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=');
    }
    body .navigation .ui-menu-icon {
        /*display: none !important;*/
    }
    body .navigation .navpro-dropdown {
        padding: 15px 0px 10px 0px;
    }
    body .navigation .navpro-dropdown .navpro-dropdown-inner {
        padding: 10px 0px 0px;
    }
    body .navigation li.level1 {
        padding: 0px 10px 10px 0px;
    }
    body .navigation li.level1 > a {
        /*border-bottom: 2px solid #e5655f;
        padding: 0px 0px 10px;*/
    }
    body .navigation .navpro-dropdown .children > li > a, body .navigation .navpro-dropdown .children .parent > a {
        border-radius: 20px;
        padding: 10px 10px 10px 10px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row {
        position: relative;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > .navpro-dropdown > .navpro-dropdown-inner {
        padding: 0px 0px 0px 0px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 {
        position: initial;
        padding: 0px 10px 0px 0px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > a {
        /*border-bottom: 1px solid rgba(221, 221, 221, 0.5);*/
        padding: 10px 26px 10px 30px;
        background-position: 8px 11px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > a:hover {
        color: #de0f26;
        background-color: #fff4f6;
        background-image: url('../images/ic-menu-pin.svg');
        background-repeat: no-repeat;
        background-size: 20px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1.active-item:not(.default-active-item) > a {
        color: #de0f26;
        background-color: #fff4f6;
        background-image: url('../images/ic-menu-pin.svg');
        background-repeat: no-repeat;
        background-size: 20px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1.active-item:not(.default-active-item) > a:after {
        content: '';
        top: 6px;
        right: 4px;
        width: 14px;
        height: 13px;
        overflow: hidden;
        position: absolute;
        background-image: url('../images/ic-menu-pin.svg');
        background-position: 0px -52px;
        margin: 6px 6px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1:not([class*="active-item"]):hover > .navpro-dropdown {
        top: 100%;
        left: 238px;
        right: 0px;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        z-index: 501;
    }
    body .navigation .li-item.main-menu-item.level0 > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row.gutters > .navpro-col {
        width: 238px;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start;
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > .navpro-dropdown {
        left: 238px;
        width: calc(100% - 238px);
    }
    body .navigation .li-item.main-menu-item .li-item.level1 > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .li-item {
        width: 20%;
        box-sizing: border-box;
        padding: 0px 10px 10px 0px;
    }
    body .navigation .li-item.main-menu-item li.level2 > a {
        color: #132540;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        background-color: #f3f3f3;
        /*border-bottom: 2px solid #e5655f;*/
        border-radius: 20px;
        padding: 5px 10px 5px;
    }
    body .navigation li.level1 > a {
        color: #132540;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        background-color: #f3f3f3;
        /*border-bottom: 2px solid #e5655f;*/
        border-radius: 20px;
        padding: 2px 21px 2px 30px;
    }
    body .navigation .li-item.main-menu-item li.level1 > a {
        background-color: transparent;
    }
    body .navigation li.level1 li.li-item a {
        transition: all ease-in-out 0.2s;
    }
    body .navigation li.level1 li.li-item a:hover {
        /*letter-spacing: -.3px;*/
        background-color: #f3f3f3;
        border-radius: 20px;
    }
    .page-wrapper .sections.nav-sections .section-item-content.nav-sections-item-content.active-menu .menu-mask {
        display: block;
    }
    .navpro-icon-caret::before {
        display: none;
    }
    body .navigation li.li-item.level2 ul.children {
        max-height: 370px;
        position: relative;
        overflow-y: auto;
    }
    body .navigation .li-item.main-menu-item.level0 > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row.gutters > .navpro-col > ul.children.active-item > li.li-item.level1.parent.ui-menu-item  {
        opacity: 0.2;
        pointer-events: none;
    }
    body .navigation .li-item.main-menu-item.level0 > .navpro-dropdown > .navpro-dropdown-inner > .navpro-row.gutters > .navpro-col > ul.children.active-item > li.li-item.level1.parent.ui-menu-item.active-item  {
        opacity: 1;
        pointer-events: auto;
    }
}
@media(max-width: 1199px) {
    body .navigation .navpro-dropdown {
        padding: 0px 0px 0px 15px;
    }
    body header.page-header.type2.header-newskin .customer-welcome .header.links {
        min-width: 110px;
    }
    .mobile-sticky header.page-header {
        position: fixed;
        width: 100%;
        top: 0;
        box-shadow: 0 0px 5px rgba(0,0,0,0.3);
        z-index: 22;
    }
    body.mobile-sticky .page-wrapper {
        padding-top: 130px;
    }
    header.page-header.type2.header-newskin {
        z-index: 22;
    }
    header.page-header .search-category {
        display: none;
    }
    body .header.panel > .header.links + .customer-type-switcher {
        display: inline-block !important;
    }
    body .header.panel > .header.links + .customer-type-switcher button {
        width: auto;
        color: #ffffff;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
        text-align: right;
        text-transform: uppercase;
        border-bottom: none;
        padding: 5px 5px;
        display: inline-block !important;
    }
    .page-header .panel.wrapper {
        background: none;
    }
    .page-header .panel.wrapper .panel.header {
        padding: 0px;
        text-align: right;
    }
    body .logo {
        margin: 0px 0px 0px 36px;
    }
    .sections.nav-sections {
        background: #ffffff;
    }
    .sections.nav-sections nav.navpro {
        background: #ffffff;
    }
    body .page-wrapper .sections.nav-sections .navigation .level0 > .level-top {
        color: #132540;
        font-size: 14px;
        font-weight: 700;
        line-height: 38px;
        padding: 6px 20px;
    }
    body .nav-sections-item-title.active a {
        color: #132540;
    }
    .nav-sections .switcher-trigger strong:after {
        top: 0px;
        right: 0px;
        font-size: 12px;
    }
    .orientation-horizontal a.level-top > .navpro-icon-caret::before {
        top: calc(50% - 15px);
    }
}
@media(max-width: 991px) {
    body .block-search .field.search .search-category {
        display: none;
    }
    .block-search .field.search {
        position: unset;
    }
}
@media(max-width: 767px) {
    body.mobile-sticky .page-wrapper {
        padding-top: 83px;
    }
}
@media(max-width: 500px) {
    .header-content-container .header-content .logo {
        display: none;
    }
    .header-content-container .header-logo {
        display: block;
    }
    body.mobile-sticky .page-wrapper {
        padding-top: 130px;
    }
}











.checkout-payment-method .payment-method-title .payment-icon.svea-payment-icon{
    max-width: 68px;
    margin: 0px 3px;
}

.tier-price-container {
    overflow: hidden;
    margin-top: 4px;
    max-width: 100%;
}
.tier-price-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap;
    cursor: grab;
    user-select: none;
}
.tier-price-list::-webkit-scrollbar {
    display: none;
}
.tier-price-list:active {
    cursor: grabbing;
}
.tier-price-item {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    color: #132540;
    background-color: #e4e9f0;
    border-radius: 4px;
}
.tier-price-item .iconfont {
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    display: inline-flex;
    align-items: center;
}
.tier-price-item .price, .product-item .price-box .tier-price-item .price {
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
}

.catalog-product-view .tier-price-container {
    overflow: visible;
}
.catalog-product-view .tier-price-list {
    flex-wrap: wrap;
    overflow-x: visible;
    overflow-y: visible;
    white-space: normal;
    cursor: default;
    user-select: auto;
    min-width: auto;
    row-gap: 8px;
    column-gap: 8px;
}

/* ========== 设计图规范：左侧边栏、Block、按钮、整站字体与配色 ========== */
/* 使用 body.account 提高权重，覆盖同文件 body .block .block-title strong 及 Luma 规则 */
body.account .page-wrapper,
body.account .page-main,
body.account .columns,
body.account .column.main,
body.account .sidebar-main,
body.account .sidebar-additional,
body.catalog-category-view .page-main,
body.catalog-category-view .columns,
body.catalog-category-view .sidebar-main,
body.catalog-category-view .sidebar-additional {
    background-color: #fafafa;
}
body.account .sidebar-main .block,
body.account .sidebar-additional .block,
body.catalog-category-view .sidebar-main .block,
body.catalog-category-view .sidebar-additional .block {
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 12px;
}
body.account .sidebar-main .block .block-content,
body.account .sidebar-additional .block .block-content {
    background: transparent;
    border: none;
}
/* 折叠菜单内容区域：移除默认灰底与内边距，交由链接本身控制留白 */
body.account .sidebar-main .block-collapsible-nav .content {
    background: transparent;
    padding: 0;
}
/* 折叠菜单标题块「My Account」：浅粉背景 + 圆角，与设计图一致 */
body.account .sidebar-main .block-collapsible-nav .block-collapsible-nav-title {
    background-color: #ffe4e1;
    border-radius: 6px;
    padding: 6px 9px;
    margin-bottom: 8px;
}
/* Block 标题（侧栏 + 客户主区）：红色 #e94135，覆盖 body .block .block-title strong */
body.account .sidebar-main .block .block-title,
body.account .sidebar-additional .block .block-title,
body.account .sidebar-main .block .block-title strong,
body.account .sidebar-additional .block .block-title strong,
body.account .sidebar-main .block-collapsible-nav .block-collapsible-nav-title strong,
body.account .sidebar-main .block-collapsible-nav .title strong,
body.account .sidebar-additional .block.block-reorder .block-title strong,
body.account .column.main .block .block-title,
body.account .column.main .block .block-title strong {
    color: #e94135;
    font-weight: 700;
    border-bottom: none;
    margin-bottom: 8px;
    padding-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
body.account .column.main .block .block-title,
body.account .column.main .block .block-title strong {
    font-size: 16px;
}

/* 左侧菜单（account-nav / collapsible nav）：默认链接 #152e37，字号与设计图一致 */
body.account .sidebar-main .account-nav .nav.item a,
body.account .sidebar-main .block-collapsible-nav .nav.items .item a,
body.account .sidebar-main .nav.items .item a {
    color: #152e37;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: block;
    padding: 10px 12px;
    border: none;
}
body.account .sidebar-main .account-nav .nav.item.current > a,
body.account .sidebar-main .account-nav .nav.item.current strong,
body.account .sidebar-main .block-collapsible-nav .nav.item.current a,
body.account .sidebar-main .block-collapsible-nav .nav.item.current > strong {
    color: #e94135;
    font-size: 14px;
    font-weight: 700;
    background-color: rgb(233 65 53 / 5%);
    border-radius: 0 6px 6px 0;
    display: block;
    padding: 10px 12px;
    border: none;
}
body.account .sidebar-main .account-nav .nav.item.current,
body.account .sidebar-main .block-collapsible-nav .nav.item.current {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}
body.account .sidebar-main .account-nav .nav.item a:hover,
body.account .sidebar-main .block-collapsible-nav .nav.items .item a:hover {
    background-color: #ebedf0;
    color: #152e37;
}
body.account .sidebar-main .nav.items .item {
    border-bottom: none;
}
body.account .sidebar-main .nav.items .item:last-child {
    border-bottom: none;
}
body.account .sidebar-main .nav.items .item .delimiter {
    display: block;
    border-top: 1px solid #dee3e8;
    margin: 8px 0;
}

/* 客户区主内容链接默认 #152e37（含订单列表 View Order / Reorder） */
body.account .column.main a {
    color: #152e37;
}
body.account .page-main a:hover,
body.account .sidebar-main a:hover,
body.account .sidebar-additional a:hover {
    color: #152e37;
}
body.account .column.main .block .block-content,
body.account .sidebar .block .block-content,
body.account .sidebar .product-item-name a,
body.account .sidebar .block .block-content .product-item-name,
body.account .sidebar-additional .block-reorder .product-item-name a,
body.account .block-reorder .product-item-name a {
    color: #152e37;
}
/* Recently Ordered 列表内产品名称：覆盖全局 .product-item .product-item-name 的 60px 最小高度 */
body.account .sidebar-additional .block-reorder .product-items .product-item .product-item-name,
body.account .sidebar-additional .block-reorder .product-items .product-item .product-item-name a {
    min-height: auto;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}
/* Recently Ordered 侧栏块：副标题、列表间距、操作栏 */
body.account .sidebar-additional .block-reorder .subtitle,
body.account .block-reorder .subtitle {
    font-size: 14px;
    color: #6a7981;
    font-weight: 600;
    margin-bottom: 8px;
    display: none;
}
body.account .sidebar-additional .block-reorder .product-items .product-item,
body.account .block-reorder .product-items .product-item {
    margin-bottom: 8px;
    padding-bottom: 8px;
}
body.account .sidebar-additional .block-reorder .product-items .product-item:last-child,
body.account .block-reorder .product-items .product-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
body.account .sidebar-additional .block-reorder .actions-toolbar,
body.account .block-reorder .actions-toolbar {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* 侧栏与客户区主按钮：背景 #00a88c、白字、小圆角；hover 透明度 0.9（排除 FO Reorder，由模块控制） */
body.account .sidebar-main .action.primary,
body.account .sidebar-additional .action.primary,
body.account .sidebar-main .action.tocart.primary,
body.account .sidebar-additional .action.tocart.primary,
body.account .block-reorder .actions-toolbar .action.primary,
body.account .block-reorder .action.tocart.primary,
body.account .column.main .action.primary:not(.apps-fo-reorder-btn),
body.account .column.main .actions-toolbar .action.primary:not(.apps-fo-reorder-btn) {
    background: #00a88c;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 0px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 32px;
}
body.account .sidebar-main .action.primary:hover,
body.account .sidebar-additional .action.primary:hover,
body.account .block-reorder .actions-toolbar .action.primary:hover,
body.account .column.main .action.primary:not(.apps-fo-reorder-btn):hover {
    background: rgba(0, 168, 140, 0.9);
    color: #fff;
}

/* “View All” 等链接：#152e37、下划线 */
body.account .block-reorder .action.view,
body.account .sidebar .block .secondary .action.view {
    color: #152e37;
    font-weight: normal;
    text-decoration: underline;
}
body.account .block-reorder .action.view:hover,
body.account .sidebar .block .secondary .action.view:hover {
    color: #152e37;
}

/* 客户区所有页面标题：#152e37、字号与字重 */
body.account .page-title-wrapper .page-title,
body.account .column.main .page-title-wrapper .page-title {
    font-size: 18px;
    font-weight: 600;
    color: #152e37;
}
/* 客户面板首页单列：无左侧栏、主内容全宽 */
body.account.customer-account-index .page-title-wrapper .page-title {
    font-size: 18px;
    font-weight: 600;
    color: #152e37;
}
body.account.customer-account-index .sidebar-main,
body.account.customer-account-index .sidebar-additional {
    display: none;
}
body.account.customer-account-index .column.main {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}

/* ========== 设计图：主内容块/卡片 - 白底、小圆角、细灰边框、留白 ========== */
/* Recommended for You、Frequently Ordered、RMA 不加整体白底框，直接落在页面白底上（RMA 使用内部 .apps-rma-card） */
body.account .column.main .block.apps-rec-block,
body.account .column.main .block.apps-fo-block,
body.account .column.main .block.apps-rma-block {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 24px;
    box-shadow: none;
}
/* 其余主内容块（账户信息、地址簿、最近订单等）为白底卡片 */
body.account .column.main .block:not(.widget):not(.apps-rec-block):not(.apps-fo-block):not(.apps-rma-block) {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 20px 24px;
    margin-bottom: 24px;
    box-shadow: none;
}
body.account .column.main .block:not(.widget):not(.apps-rec-block):not(.apps-fo-block) .block-content {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
/* 块内 .box（Contact Information、Newsletters、Default Address 等）不重复边框，保持留白 */
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box {
    background: transparent;
    border: none;
    padding: 0 0 20px 0;
    margin: 0;
}
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box:last-child {
    padding-bottom: 0;
}
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box .box-title {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
}
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box .box-content,
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box address {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box .box-actions .action {
    color: #3ab3b9;
    font-size: 13px;
    font-weight: normal;
}
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block) .block-content .box .box-actions .action:hover {
    color: #2a9ca1;
    text-decoration: underline;
}
/* 上述卡片块标题：深灰、字重减轻，与设计图简约风格一致（Recommended / Frequently Ordered / RMA 保持红色标题） */
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block):not(.apps-rma-block) .block-title,
body.account .column.main .block:not(.apps-rec-block):not(.apps-fo-block):not(.apps-rma-block) .block-title strong {
    color: #5a5a5a;
    font-weight: 600;
    font-size: 14px;
}

/* 订单历史等页：表格区域做成白底卡片（非 .block 内的 .table-wrapper） */
body.account .column.main .table-wrapper {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    margin-bottom: 24px;
    overflow: hidden;
}
body.account .column.main .table-wrapper .data.table {
    margin: 0;
    border: none;
}
body.account .column.main .block .table-wrapper {
    margin: 0;
    border: none;
    background: transparent;
    border-radius: 0;
}
body.account .column.main .block .table-wrapper .data.table {
    margin: 0;
    border: none;
}

/* 账户区表格：表头无背景、表体浅色字与合适行距，简约干净 */
body.account .column.main .table-wrapper .data.table thead th,
body.account .column.main .block .table-wrapper .data.table thead th {
    background: transparent;
    color: #888888;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid #e8e8e8;
}
body.account .column.main .table-wrapper .data.table tbody td,
body.account .column.main .block .table-wrapper .data.table tbody td {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid #f0f0f0;
}
body.account .column.main .table-wrapper .data.table tbody tr:last-child td,
body.account .column.main .block .table-wrapper .data.table tbody tr:last-child td {
    border-bottom: none;
}
body.account .column.main .table-wrapper .data.table tbody .col.total .price,
body.account .column.main .block .table-wrapper .data.table tbody .col.total .price {
    font-weight: 500;
    color: #5a5a5a;
}
body.account .column.main .table-wrapper .data.table tbody .col.id a,
body.account .column.main .block .table-wrapper .data.table tbody .col.id a,
body.account .column.main .table-wrapper .data.table .action.view,
body.account .column.main .block .table-wrapper .data.table .action.view {
    color: #3ab3b9;
    font-weight: normal;
}
body.account .column.main .table-wrapper .data.table .action.view:hover,
body.account .column.main .block .table-wrapper .data.table .action.view:hover {
    color: #2a9ca1;
    text-decoration: underline;
}
body.account .column.main .table-wrapper .data.table .block-title .action.view,
body.account .column.main .block .table-wrapper .data.table .block-title .action.view,
body.account .column.main .block .block-title.order .action.view {
    color: #3ab3b9;
    font-size: 14px;
    font-weight: normal;
}
body.account .column.main .table-wrapper .table-caption {
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 500;
    color: #5a5a5a;
    border-bottom: 1px solid #e8e8e8;
}
body.account .column.main .order-products-toolbar.toolbar {
    padding: 12px 0 0;
    margin-top: 0;
    border: none;
    background: transparent;
}


/* ========== RMA / Return Label 块与弹层 ========== */
.apps-rma-block {
    margin-bottom: 24px;
}
.apps-rma-block .block-title {
    margin-bottom: 12px;
}
.apps-rma-card {
    background: #ffffff;
    border: 1px solid #cee0e0;
    border-radius: 6px;
    padding: 20px 24px;
}
.apps-rma-card-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.apps-rma-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    min-width: 0;
}
.apps-rma-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e6f4f4;
    border-radius: 6px;
    color: #008080;
}
.apps-rma-icon svg {
    width: 24px;
    height: 24px;
}
.apps-rma-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.apps-rma-title {
    font-size: 15px;
    font-weight: 700;
    color: #152e37;
    line-height: 20px;
}
.apps-rma-desc {
    font-size: 13px;
    font-weight: normal;
    color: #6a7981;
    line-height: 18px;
}
.apps-rma-action {
    flex-shrink: 0;
}
.apps-rma-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #16a782;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
}
.apps-rma-trigger:hover {
    background: #138f6d;
    color: #fff;
}
.apps-rma-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    line-height: 0;
}
.apps-rma-trigger-icon svg {
    width: 18px;
    height: 18px;
    display: block;
    vertical-align: middle;
}
.apps-rma-trigger > span:last-child {
    line-height: 20px;
}
/* 弹层罩层 */
.apps-rma-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 9998;
}
.apps-rma-overlay[hidden] {
    display: none;
}
/* 弹层容器 */
.apps-rma-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 560px;
    max-height: 90vh;
    overflow: auto;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    padding: 24px;
}
.apps-rma-modal[hidden] {
    display: none;
}
.apps-rma-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: #666;
    cursor: pointer;
}
.apps-rma-modal-close:hover {
    color: #152e37;
}
.apps-rma-modal-body {
    padding-top: 8px;
}
.apps-rma-modal .apps-rma-submit-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.apps-rma-modal .apps-rma-submit-icon svg {
    width: 18px;
    height: 18px;
}
/* 弹层内提交按钮：全宽、深绿、非大写、与设计一致 */
.apps-rma-modal .form .actions,
.apps-rma-modal .actions-toolbar {
    width: 100%;
    max-width: 100%;
}
.apps-rma-modal .form .actions .primary,
.apps-rma-modal .actions-toolbar .primary {
    float: none;
    width: 100%;
    max-width: 100%;
}
.apps-rma-modal button[type="submit"],
.apps-rma-modal .form .actions button[type="submit"],
.apps-rma-modal .form .actions .action.primary,
.apps-rma-modal .actions-toolbar button.action.primary,
body .apps-rma-form form .actions-toolbar button.action.submit.primary {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 6px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: none;
    cursor: pointer;
    background: #16a782;
    margin: 20px 0px 0px;
}
.apps-rma-modal button[type="submit"]:hover,
.apps-rma-modal .form .actions button[type="submit"]:hover,
.apps-rma-modal .actions-toolbar button.action.primary:hover {
    background: #138f6d;
    color: #fff;
}

.apps-rma-form-message {
    margin-top: 20px;
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
}
.apps-rma-form-message--success {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
}
.apps-rma-form-message--error {
    background: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}
button.action.secondary.apps-rma-add-item:hover {
    background: none;
}
/* RMA form (Free Return Shipping Label modal): layout by data-field, Return Products section */
.apps-rma-form fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    box-sizing: border-box;
}
.apps-rma-form fieldset > .legend,
.apps-rma-form fieldset > .field.note.no-label {
    grid-column: 1 / -1;
}
.apps-rma-form .field[data-field="pickup_address"],
.apps-rma-form .field[data-field="email"] {
    grid-column: 1 / -1;
}
.apps-rma-form .field[data-field="contact_name"] {
    grid-column: 1;
}
.apps-rma-form .field[data-field="phone"] {
    grid-column: 2;
}
.apps-rma-form .field[data-field="package_size"] {
    grid-column: 1;
}
.apps-rma-form .field[data-field="weight"] {
    grid-column: 2;
}
/* Hide native Alekseon Return Products textarea (we use our own section + hidden input) */
.apps-rma-form .field:has(textarea[name="return_products"]) {
    display: none;
}
/* 隐藏 customer_id 字段（由后端强制写入，防止前端篡改） */
.apps-rma-form .field[data-field="customer_id"],
.apps-rma-form .field:has(input[name="customer_id"]) {
    display: none;
}
.apps-rma-return-products {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e8e8e8;
    grid-column: 1 / -1;
}
.apps-rma-return-products-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.apps-rma-return-products-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0;
}
.apps-rma-add-item {
    background: none;
    border: none;
    color: #16a782;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    box-shadow: none;
}
.apps-rma-add-item:hover {
    text-decoration: underline;
    color: #138f6d;
    background: none;
    border: none;
}
.apps-rma-return-products-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.apps-rma-product-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-template-rows: auto auto;
    gap: 12px;
    align-items: start;
    padding: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
}
.apps-rma-product-row .apps-rma-field:first-of-type {
    grid-column: 1;
    grid-row: 1;
}
.apps-rma-product-row .apps-rma-field:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
}
.apps-rma-field-reason {
    grid-column: 1 / span 2;
    grid-row: 2;
}
.apps-rma-row-actions {
    grid-column: 3;
    grid-row: 1 / span 2;
    padding-top: 24px;
    align-self: start;
}
.apps-rma-field {
    min-width: 0;
}
.apps-rma-field label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #555;
    margin-bottom: 4px;
}
.apps-rma-field input,
.apps-rma-field textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}
.apps-rma-remove-item {
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: #888;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.apps-rma-remove-item svg {
    width: 16px;
    height: 16px;
    display: block;
}
.apps-rma-remove-item:hover {
    color: #c00;
}
.apps-rma-form .legend .apps-rma-title-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
    vertical-align: middle;
}
.apps-rma-form .legend .apps-rma-title-icon svg {
    width: 24px;
    height: 24px;
}
@media (max-width: 640px) {
    .apps-rma-form fieldset {
        grid-template-columns: 1fr;
    }
    .apps-rma-product-row {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto auto;
    }
    .apps-rma-product-row .apps-rma-field:first-of-type,
    .apps-rma-product-row .apps-rma-field:nth-of-type(2) {
        grid-column: 1;
    }
    .apps-rma-product-row .apps-rma-field:nth-of-type(2) {
        grid-row: 2;
    }
    .apps-rma-field-reason {
        grid-column: 1;
        grid-row: 3;
    }
    .apps-rma-row-actions {
        grid-column: 2;
        grid-row: 1 / span 3;
    }
}


/* ═══════════════════════════════════════════════════════════════
   Reward Programme（积分里程碑 - 作为消费统计展示）
   ═══════════════════════════════════════════════════════════════ */

.reward-programme__section {
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.reward-programme__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.reward-programme__heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    color: #212121;
}

.reward-programme__month-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #e0f2f1;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #00695c;
}

/* ── Monthly Summary Cards ── */
.reward-programme__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
}

.reward-programme__card {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    min-width: 0;
}

.reward-programme__card--highlight {
    background: #e8f5e9;
    border-color: #81c784;
}

.reward-programme__card-label {
    font-size: 13px;
    color: #757575;
    margin-bottom: 8px;
    font-weight: 500;
}

.reward-programme__card-value {
    font-size: 22px;
    font-weight: 600;
    color: #212121;
    line-height: 28px;
}

.reward-programme__card-value--credit {
    color: #c62828;
}

/* ── Monthly Reward Progress ── */
.reward-programme__progress {
    position: relative;
}

.reward-programme__progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.reward-programme__progress-title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reward-programme__progress-sub {
    font-size: 12px;
    line-height: 16px;
    color: #616161;
    margin: 0 0 16px 0;
}

.reward-programme__progress-amount {
    font-weight: 600;
    color: #212121;
}

.reward-programme__sep {
    margin: 0 8px;
    color: #9e9e9e;
}

.reward-programme__next-unlock {
    color: #00897b;
}

.reward-programme__price-highlight {
    color: #00a88c;
}

/* 代金券按钮 */
button.reward-programme__voucher-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    cursor: pointer;
    padding: 3px 12px;
    border-radius: 999px;
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    font-size: 12px;
    font-weight: 500;
    color: #1b5e20;
    font-family: inherit;
    line-height: 18px;
    white-space: nowrap;
}

button.reward-programme__voucher-badge:hover,
.reward-programme__voucher-badge.active {
    opacity: 0.9;
    color: #1b5e20;
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
}

.reward-programme-voucher-toggle-icon {
    font-size: 12px;
    line-height: 12px;
    margin-left: 2px;
}

/* ── Voucher Panel（内容） ── */
.reward-programme__voucher-panel {
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid #81c784;
    background: #f1f8e9;
}

.reward-programme__voucher-panel--below-timeline {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 16px;
    box-sizing: border-box;
}

.reward-programme__voucher-panel-head {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
}

.reward-programme__muted {
    color: #666;
    font-weight: 400;
}

.reward-programme__voucher-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #fff;
    margin-bottom: 12px;
}

.reward-programme__voucher-card-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
}

.reward-programme__voucher-meta {
    font-size: 13px;
    line-height: 18px;
    color: #757575;
    margin-top: 4px;
}

.reward-programme__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.reward-programme__btn-icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    color: inherit;
}

.reward-programme__btn-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.reward-programme__btn--primary {
    background: #00a88c;
    color: #fff;
    border: 1px solid #00a88c;
}

.reward-programme .reward-programme__voucher-panel a.reward-programme__btn.reward-programme__btn--primary {
    color: #ffffff;
}

.reward-programme__btn--primary:hover {
    opacity: 0.9;
}

.reward-programme__voucher-foot {
    font-size: 12px;
    line-height: 16px;
    color: #2e7d32;
    margin: 0;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

/* ── 里程碑外壳：正常宽度全宽平铺；宽度不足时横向滚动+拖拽 ── */
.reward-programme__timeline-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    margin-bottom: 16px;
    outline: none;
}

/* 宽度充足时无拖拽需求；拖拽由 apps.js initTimelineDrag 动态加类 */
.reward-programme__timeline-scroll.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.reward-programme__timeline-scroll:focus-visible {
    outline: 2px solid #00897b;
    outline-offset: 2px;
}

/* 节点总宽度 < 容器宽时 rp-timeline 撑满；> 容器宽时横向滚动 */
.reward-programme__timeline-scroll .rp-timeline {
    min-width: 100%;
}

/* ── 里程碑进度条节点结构 ── */
.rp-timeline {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    min-width: 100%;
    width: max-content;
    gap: 0;
}

.rp-timeline__node {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    white-space: nowrap;
}

/* ── 节点三行：上（代金券）、中（轨道+圆圈）、下（积分+Current） ── */
.rp-timeline__label-top {
    margin-bottom: 8px;
    min-height: 20px;
    width: 100%;
}

.rp-timeline__voucher {
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    color: #9e9e9e;
    display: block;
}

.rp-timeline__node--achieved .rp-timeline__voucher,
.rp-timeline__node--current .rp-timeline__voucher {
    color: #2e7d32;
}

.rp-timeline__track {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
    position: relative;
}

.rp-timeline__line {
    height: 2px;
    flex: 1 1 0;
    background: #e0e0e0;
    min-width: 10px;
}

.rp-timeline__line--done {
    background: #26a69a;
}

.rp-timeline__line-spacer {
    flex: 1 1 0;
    min-width: 10px;
}

.rp-timeline__circle {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 2px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.rp-timeline__node--achieved .rp-timeline__circle {
    background: #26a69a;
    border-color: #26a69a;
}

.rp-timeline__node--current .rp-timeline__circle {
    background: #2e7d32;
    border: 2px solid #2e7d32;
    box-shadow: 0 0 0 3px #a5d6a7;
}

.rp-timeline__icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
    opacity: 0.3;
    filter: grayscale(100%);
}

.rp-timeline__node--achieved .rp-timeline__icon,
.rp-timeline__node--current .rp-timeline__icon {
    opacity: 1;
    filter: brightness(0) invert(1);
}

.rp-timeline__label-bottom {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
}

.rp-timeline__points {
    font-size: 12px;
    line-height: 16px;
    color: #9e9e9e;
    display: block;
}

.rp-timeline__node--achieved .rp-timeline__points,
.rp-timeline__node--current .rp-timeline__points {
    color: #2e7d32;
    font-weight: 600;
}

.rp-timeline__current-tag {
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    color: #2e7d32;
    padding: 2px 8px;
    border-radius: 999px;
    background: #e8f5e9;
}

/* ── CTA Banner（Keep going提示） ── */
.reward-programme__cta-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    background: rgb(0 168 140 / 5%);
    border: 1px solid rgb(0 168 140 / 20%);
    font-size: 12px;
    line-height: 20px;
    color: #152e37;
    margin-top: 16px;
}

.reward-programme__cta-text {
    line-height: 20px;
}

/* ── Monthly History（折叠面板） ── */
.reward-programme-monthly-caption {
    margin: 0 0 8px 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #c62828;
    font-weight: 600;
}

.reward-programme-monthly-history {
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

.reward-programme-monthly-head {
    width: 100%;
    background: #fff;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    gap: 12px;
}

.reward-programme-monthly-head-left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.reward-programme-monthly-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #cfd8dc;
    border-radius: 8px;
    background: #ffffff;
    padding: 6px 12px;
    cursor: pointer;
    text-align: center;
    color: #1f2937;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.reward-programme-monthly-toggle-btn:hover {
    background: #00a88c;
    border-color: #00a88c;
    color: #ffffff;
}

.reward-programme-monthly-toggle-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #152e37;
}

.reward-programme-monthly-toggle-icon {
    font-size: 12px;
    line-height: 12px;
}

.reward-programme-monthly-content {
    padding: 0 20px 20px 20px;
}

.reward-programme-monthly-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    border-top: 1px solid #e5e7eb;
    background: #fff;
}

/* 窄屏时整表可横向滚动；Rewards 列内仍有独立滚动条 */
.reward-programme-monthly-table {
    width: 100%;
    min-width: 560px;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 20px;
}

/* 列宽：最后一列固定比例，券多时仅在单元格内横向滚动，不撑满整表 */
.reward-programme-monthly-table th:nth-child(1),
.reward-programme-monthly-table td:nth-child(1) {
    width: 14%;
}

.reward-programme-monthly-table th:nth-child(2),
.reward-programme-monthly-table td:nth-child(2) {
    width: 20%;
}

.reward-programme-monthly-table th:nth-child(3),
.reward-programme-monthly-table td:nth-child(3) {
    width: 14%;
}

.reward-programme-monthly-table th:nth-child(4),
.reward-programme-monthly-table td:nth-child(4) {
    width: 18%;
}

.reward-programme-monthly-table th.reward-programme-monthly-col-rewards,
.reward-programme-monthly-table td.reward-programme-monthly-cell-rewards {
    width: 34%;
    min-width: 0;
    overflow: hidden;
}

.reward-programme-monthly-table th {
    padding: 20px 14px;
    text-align: left;
    font-weight: 400;
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}

.reward-programme-monthly-table td {
    padding: 22px 14px;
    border-bottom: 1px solid #e5e7eb;
    color: #152e37;
    vertical-align: middle;
}

.reward-programme-monthly-table tbody tr:last-child td {
    border-bottom: none;
}

.reward-programme-monthly-table td.reward-programme-monthly-cell-credit,
.reward-programme-monthly-table td.reward-programme-monthly-cell-credit * {
    color: #d32f2f;
}

.reward-programme-monthly-cell-net {
    font-weight: 600;
    color: #152e37;
}

.reward-programme-monthly-vouchers-scroll {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.reward-programme-monthly-vouchers-track {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    min-width: max-content;
}

.reward-programme-monthly-voucher-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef0f3;
    color: #152e37;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.reward-programme-monthly-voucher-empty {
    color: #9ca3af;
}

/* ── Reward Programme Rules (CMS) ── */
.reward-programme__rules-card {
    padding: 16px;
    border-radius: 10px;
    background: #f9fbe7;
    border: 1px solid #dce775;
}

.reward-programme__rules-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.reward-programme__rules-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
    color: #33691e;
}

.reward-programme__rules-body {
    color: #424242;
    font-size: 14px;
    line-height: 22px;
}

/* 内联 SVG 图标容器（Lucide stroke，颜色由父级 currentColor 控制） */
.reward-programme__svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: #757575;
}

.reward-programme__svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.reward-programme__svg--sm {
    width: 16px;
    height: 16px;
}

.reward-programme__svg--ticket-sm {
    width: 14px;
    height: 14px;
}

.reward-programme__svg--gift {
    color: #c62828;
}

.reward-programme__svg--ticket {
    color: #2e7d32;
}

.reward-programme__svg--flame {
    color: #00a88c;
}

.reward-programme__svg--calendar {
    color: #00a88c;
    width: 20px;
    height: 20px;
}

.reward-programme__svg--success {
    color: #2e7d32;
}

.reward-programme__cta-lead {
    font-weight: 600;
}

.reward-programme__voucher-panel-title {
    font-weight: 600;
    color: #212121;
}

.reward-programme-monthly-cell-net {
    font-weight: 600;
    color: #212121;
}

@media (max-width: 768px) {
    .reward-programme__cards {
        grid-template-columns: 1fr;
    }
    
    .reward-programme__progress-head {
        flex-wrap: wrap;
    }
    
    .reward-programme__voucher-badge {
        width: 100%;
        justify-content: center;
    }
    
    .reward-programme-monthly-table {
        font-size: 13px;
    }
    
    .reward-programme-monthly-table th,
    .reward-programme-monthly-table td {
        padding: 10px 12px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .reward-programme__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1025px) {
    .reward-programme__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Checkout Voucher voucher style — 标题为静态展示，非折叠触发器 */
.checkout-payment-method .rp-store-credit--no-collapse .payment-option-title {
    cursor: default;
}
.rp-store-credit .payment-option-title .rp-store-credit__heading {
    display: inline-flex;
    align-items: center;
}
.checkout-payment-method .rp-store-credit .payment-option-title .rp-store-credit__heading {
    color: #132540;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.rp-store-credit__title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rp-store-credit__title-icon {
    width: 14px;
    height: 14px;
    color: #0f766e;
    display: inline-flex;
}

.rp-store-credit__title-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.rp-store-credit .form-store-credit {
    margin: 0;
}

.store-credit .rp-store-credit__voucher {
    width: 100%;
    border: 1px solid #dee3e8;
    border-radius: 8px;
    background: rgb(235 237 240 / 50%);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    text-align: left;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}

.store-credit .rp-store-credit__voucher:hover {
    border: 1px solid #dee3e8;
    background: rgb(235 237 240 / 80%);
}

.rp-store-credit__voucher.is-applied {
    border-color: #14b8a6;
    background: #e6f4f1;
}

.store-credit .rp-store-credit__voucher.is-applied:hover {
    border: 1px solid #14b8a6;
    background: #daf1ec;
}

.rp-store-credit__voucher-left-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    background: #e5efed;
    color: #0f766e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rp-store-credit__voucher-left-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

.rp-store-credit__voucher-main {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.rp-store-credit__voucher-title {
    font-size: 13px;
    line-height: 26px;
    font-weight: normal;
    color: #111827;
}

.rp-store-credit__voucher-subtitle {
    font-size: 11px;
    line-height: 18px;
    color: #6b7280;
    font-weight: normal;
}

.rp-store-credit__voucher-expiry {
    font-size: 11px;
    line-height: 16px;
    color: #047857;
    margin-top: 2px;
    font-weight: normal;
}

.rp-store-credit__voucher-check {
    margin-left: auto;
    color: #0f766e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rp-store-credit__voucher-check svg {
    width: 16px;
    height: 16px;
    display: block;
}

/* Checkout discount code: static heading (no collapsible chevron) */
.checkout-payment-method .rp-discount-code--no-collapse .payment-option-title {
    cursor: default;
}

.checkout-payment-method .rp-discount-code--no-collapse .payment-option-title .rp-discount-code__heading {
    color: #132540;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
}

.mp-reward-cart {
    margin: 15px 15px 15px 15px;
}

.checkout-payment-method .payment-option.store-credit {
    margin: 0px 0px 20px;
}

.checkout-payment-method .payment-option.discount-code {
    margin: 0px 0px 20px;
}

.reward-programme__view-all {
    margin-left: auto;
    margin-right: 0;
    color: #2b7cff;
    text-decoration: none;
    font-weight: 600;
    float: none;
}
.reward-programme__voucher-panel-head {
    display: flex;
    align-items: center;
    gap: 8px;
}
.reward-programme__voucher-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.reward-programme__voucher-title-row .reward-programme__status-badge {
    margin-left: 0;
}
.reward-programme__status-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1;
    margin-left: 8px;
    vertical-align: middle;
    color: #333;
    background-color: #eee;
}
.reward-programme__voucher-card--pending {
    background-color: #f7f7f7;
}
.reward-programme__voucher-card--invalid {
    background-color: #ffecee;
}
.aw_store_credit__balance-green {
    color: #329c6e;
}
.aw_store_credit__balance-red {
    color: #d13441;
}