/* Header new CSS */
#maincontant{
    max-height: 1500px !important;
}
.header {
    max-width: 1340px;
}
.page-header .header.content .minicart-wrapper .action.showcart::before {
    font-size: 35px;
    display: inline-block;
    font-family: "FontAwesome";
    content: "\f07a";
    height: auto;
    width: auto;
    left: auto;
    position: inherit;
    color: #0997FF;
    margin-left: 3px;
    line-height: 40px;
}

.page-wrapper .page-header.type2.header-newskin .header.content .minicart-wrapper .action.showcart {
    display: inline-block;
    line-height: 37px;
    padding-right: 20px;
}

.page-wrapper .page-header.type2.header-newskin .header.content .minicart-wrapper .action.showcart .counter.qty {
    margin: -20px 0 0 !important;
    right: 85px !important;
	display: block !important;
}

.minicart-wrapper .action.showcart .text {
    width: auto;
    height: auto;
}

.minicart-wrapper .minicart-items .action.edit::before {
    color: #302E2A;
    font-size: 16px;
    line-height: inherit;
    content: '\f826';
    text-align: center;
    vertical-align: middle;
}
.minicart-wrapper .minicart-items .action.delete::before {
    color: #302E2A;
    font-size: 18px;
    line-height: 20px;
    content: '\f81a';
    text-align: center;
    vertical-align: middle;
}

.minicart-wrapper .minicart-items .product-item-details {
    padding: 0 0 0 95px;
    text-align: left;
    display: block;
    max-width: none;
}

.minicart-wrapper .minicart-items .product-item-cart .product-item-details .product-item-name p {
    font-size: 14px;
    margin-bottom: 9px;
    line-height: normal;
}

.minicart-wrapper .minicart-items .product .toggle,
.minicart-wrapper .minicart-items .product .option-label,
.minicart-wrapper .minicart-items .product .option-value {
    font-size: 16px;
}

.minicart-wrapper .minicart-items .product-item-name + br {
    display: none;
}

.minicart-wrapper .block.block-minicart .subtotal {
    padding: 0;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
    display: block;
    line-height: normal;
}

.minicart-wrapper .block.block-minicart .subtotal .amount {
    margin: 0;
    font-size: 17px;
    color: #22b5f3;
}

.minicart-wrapper .block.block-minicart .subtotal .amount .price {
    font-size: 17px;
}

.minicart-wrapper .block.block-minicart .block-content > .actions {
    padding: 0;
    margin: 15px 0;
}

.minicart-wrapper .block.block-minicart .block-content > .actions  .primary .action.primary {
    padding: 7px 15px;
    font-size: 15px;
    border: 1px solid #0badf2;
    border-radius: 10px;
}

.minicart-wrapper .block.block-minicart .items-total {
    margin-top: 20px;
    font-size: 16px;
    font-weight: normal;
}

.minicart-wrapper .block.block-minicart .block-content > .actions > .secondary .action.viewcart {
    font-weight: normal;
    padding: 12px 15px;
    line-height: normal;
}

.minicart-wrapper .block.block-minicart .block-content > .actions > .secondary .action.viewcart:hover {
    text-decoration: underline;
}

.page-wrapper .page-header.type2.header-newskin .header.content .minicart-wrapper .action.showcart::after {
    right: 0;
    top: 1px;
    color: #bde1f5;
    line-height: 37px;
    margin: 0;
}

.page-header.type2.header-newskin .minicart-wrapper .minicart-items-wrapper {
    margin: 0 -15px;
    overflow-x: auto;
    max-height: none;
    font-weight: normal;
    padding: 15px;
}

.page-header.type2.header-newskin .minicart-wrapper .block-content strong span {
    font-size: 16px;
}

.page-header.type2.header-newskin .minicart-wrapper .block-minicart {
    padding: 15px 18px 25px 18px;
}

.page-header.type2.header-newskin .minicart-wrapper .block-minicart li {
    padding: 15px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 0;
}

.page-header.type2.header-newskin .minicart-wrapper .block-minicart li > .product {
    display: block;
}

.minicart-wrapper .minicart-items .action.delete > span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.page-header.type2.header-newskin .minicart-wrapper .block-minicart::before,
.page-header.type2.header-newskin .minicart-wrapper .block-minicart::after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.page-header.type2.header-newskin .minicart-wrapper .block-minicart::after {
    left: auto;
    border: 9px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: transparent transparent rgba(0,0,0,0.1) transparent;
    top: -23px;
    z-index: 98;
}

.page-header.type2.header-newskin .minicart-wrapper .block-minicart::before {
    right: 45px;
    left: auto;
    border: 8px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: transparent transparent #000 transparent;
    border-bottom-color: rgb(0, 0, 0);
    top: -21px;
    z-index: 99;
}

.block-minicart .subtitle.empty {
    display: block;
    padding: 27px 0 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
}

/* Header new CSS End */


/* Product Detail Page */
.sw-megamenu.navigation.side-megamenu .home-side-menu-container.apparel-products li.level0.classic > .submenu,
.sw-megamenu.navigation.side-megamenu .home-side-menu-container.label-products li.level0.classic > .submenu {
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
    border-top-width: 0;
    padding: 0 0 0 5px;
    width: 535px;
}
.sw-megamenu.navigation.side-megamenu .home-side-menu-container.apparel-products li.level0.classic > .submenu .last_level_category,
.sw-megamenu.navigation.side-megamenu .home-side-menu-container.label-products li.level0.classic > .submenu .last_level_category {
    width: 530px !important;
    max-width: 530px !important;
    position: unset;
    border: 0;
}

.sw-megamenu.navigation.side-megamenu .home-side-menu-container.apparel-products li.level0.classic .submenu a,
.sw-megamenu.navigation.side-megamenu .home-side-menu-container.label-products li.level0.classic .submenu a {
    padding: 5px;
}

.sw-megamenu.navigation.side-megamenu li.level0 > .submenu::before,
.sw-megamenu.navigation.side-megamenu li.level0 > .submenu::after {
    display: none;
}

.sw-megamenu.navigation.side-megamenu li.level0.classic > .submenu .last_level_category {
    background: #ffffff;
}
.product-info-main .product.overview {
    padding-bottom: 20px;
    margin: 18px 0;
    font-size: 14px;
}

.product-add-form .container-cost-design h3 {
    font-size: 17.5px;
    margin-bottom: 5px;;
}

.product-add-form .sticky_price p.total_cost {
    line-height: normal;
    padding: 4px 0 0 0;
    margin: 0;
}

.product-add-form .sticky_price p.total_cost span {
    font-family: 'Roboto', sans-serif !important;
}

.product-add-form .container-cost-design p#total_cost,
.product-add-form .container-cost-design p#total_cost .af-dis-price {
    line-height: 54px;
}

.product-add-form .container-cost-design p#total_cost .dis-price {
    line-height: 39px;
}

.product-add-form .product-options-wrapper .swatch-attribute-options {
    display: block;
    margin: 5px 0 15px 0;
    padding: 0;
}

.product-add-form .product-options-wrapper .swatch-attribute-label {
    padding: 0;
    min-width: auto;
    font-weight: bold;
    line-height: normal;
}

.product-add-form .product-options-wrapper .swatch-attribute-selected-option {
    padding-left: 17px;
}

.product-add-form .product-options-wrapper #btn_bulk_dis {
    padding: 0 12px;
}

.product-info-main .page-title-wrapper h1 {
    margin: 0 0 13.5px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    color: #555;
}

.product-info-main .page-title-wrapper h2 {
    font-size: 20px;
}

.product-add-form .truaround-block select {
    border-color: #ccc;
    padding: 4.5px 25px 4px 9px;
}

.product-options-bottom .box-tocart .field.qty #qty{
    border-width: 1px;
}


/* Product Detail End */

.order-products-toolbar.toolbar.bottom {
    display: inherit;
}

.order-products-toolbar.toolbar.bottom .pager {
    margin: 0;
    padding: 0;
}

.order-products-toolbar.toolbar.bottom .limiter {
    float: right;
}

.order-products-toolbar.toolbar.bottom .pages .item .page {
    background: #fff;
    border: 1px solid #ccc;
    color: #302E2A;
    padding: 0 4.5px;
    text-decoration: none;
    width: 26px;
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    min-width: auto;
    height: 26px;
}

.order-products-toolbar.toolbar.bottom .pages .item strong.page,
.order-products-toolbar.toolbar.bottom .pages .item a.page:hover,
.order-products-toolbar.toolbar.bottom .pages .item .action:hover {
    background: #302E2A;
    border: 1px solid #000;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: normal;
    color: #ffffff !important;
    display: inline-block;
    font-weight: 400;
    padding: 0 4.5px;
}

.order-products-toolbar.toolbar.bottom .pages .item .page:visited {
    color: #302E2A !important;
}

.order-products-toolbar.toolbar.bottom .pages .item .action {
    padding: 0 8px;
    width: 26px;
    background: #fff;
    border: 1px solid #ccc;
    color: #999;
    line-height: 24px;
    height: 26px;
    font-size: 13px;
    font-weight: normal;
    min-width: auto;
}

.order-products-toolbar.toolbar.bottom .pages .item .action:before {
    color: #999999 !important;
}

.order-products-toolbar.toolbar.bottom .pages .item .action:hover::before {
    color: #ffffff !important;
}

.order-products-toolbar.toolbar.bottom .limiter-label {
    font-size: 14px;
}

.order-products-toolbar.toolbar.bottom select {
    color: #302E2A;
    padding-top: 0;
    padding-bottom: 0;
    height: 26px;
    border: 1px solid #ccc;
    margin: 0 5px 0 7px;
}

.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
    padding: 6px 0;
}

.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount {
    padding: 6px 5px 6px 10px;
    text-align: right;
    color: #000;
}

body .cart-container .red.col-lg-7.float-left,
body .cart-container .form-cart,
body .cart-container .cart-summary {
    margin-left: 0;
    margin-right: 0;
}


@media only screen and (max-width: 479px) {
    .page-header .minicart-wrapper .block-minicart {
        width: 290px;
    }
}

@media only screen and (max-width: 767px) {
    .page-header .header.content {
        margin: 0 auto;
    }

    .header.content .nav-toggle {
        float: left;
        margin: 10px 20px 0 0;
        font-size: 0;
        line-height: 60px;
        padding: 0;
    }

    .header.content .nav-toggle::before {
        font-size: 18px;
        padding-left: 1px;
        margin-top: 1px;
    }

    header.page-header.type2.header-newskin .header.content .logo {
        max-width: 50%;
    }

    header.page-header.type2.header-newskin .header.content .logo img {
        margin: 15px 0 0 5%;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        min-width: 200px !important;
    }

    header.page-header.type2.header-newskin .header.content .block-search .label {
        float: right;
        right: 42px;
        top: 20px;
    }

    header.page-header.type2.header-newskin .header.content .block-search .label::before {
        padding-left: 1px;
    }

    header.page-header.type2.header-newskin .header.content .minicart-wrapper .action.showcart::before,
    header.page-header.type2.header-newskin .header.content .minicart-wrapper .action.showcart.active::before {
        font-size: 25px;
        color: #18426e !important;
    }

    .page-header.type2.header-newskin .minicart-wrapper .block-minicart::after,
    .page-header.type2.header-newskin .minicart-wrapper .block-minicart::before  {
        right: 10px;
    }

    .page-wrapper .page-header.type2.header-newskin .header.content .minicart-wrapper .action.showcart .counter.qty {
        margin-top: -18px !important;
        right: 8px !important;
    }

    .page-wrapper .page-header.type2.header-newskin .nav-sections {
        width: 100%;
    }

    .page-wrapper .page-header.type2.header-newskin .close-mobile {
        top: -3px;
        left: 0;
        padding: 0;
    }

    .nav-open .page-wrapper .page-header.type2.header-newskin .nav-toggle::after {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .order-products-toolbar.toolbar.bottom {
        background: none;
        padding: 0;
    }

    .order-products-toolbar.toolbar.bottom .limiter {
        float: left;
    }

    .order-products-toolbar.toolbar.bottom .limiter-label {
        color: #777;
    }

    .page-wrapper .page-header.type2.header-newskin .nav-sections .switcher {
        height: auto;
    }

    .page-wrapper .page-header.type2.header-newskin .nav-sections .switcher strong {
        font-size: 13px;
    }

    .page-wrapper .page-header.type2.header-newskin .nav-sections li.view-fr_ca.switcher-option {
        line-height: normal;
        margin-top: 2px;
    }
}

@media only screen and (min-width: 1170px) {
    body.checkout-cart-index .cart-container .red.col-lg-7.float-left,
    body.checkout-cart-index .cart-container .form-cart {
        max-width: 61%;
    }
}

@media only screen and (min-width: 992px) {
    .navigation-parent-container .navigation.sw-megamenu.side-megamenu .home-side-menu-container.all-products li.level0 a span {
        width: 100%;
        text-align: center;
    }

    body .cart-container .red.col-lg-7.float-left,
    body .cart-container .form-cart {
        max-width: 60%;
        margin-left: 20px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .navigation-parent-container .home-side-menu {
        width: 100%;
        /* max-width: none; */
    }
}

@media only screen and (min-width: 767px) {
    .cart-container .red.col-lg-7.float-left,
    .cart-container .form-cart {
        max-width: 75%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1600px)  {
    .cms-index-index #homepage-container {
        width: 82%;
        float: right !important;
    }
}

.page-layout-2columns-right .navigation-parent-container .home-side-menu { max-width: 218px; }

.fotorama__stage__shaft {
    border: 3px solid #fff;
    box-sizing: border-box;
    max-width: 100%;
}

.catalog-product-view select.swatch-select.size {
    padding: 8px 12px;
    height: auto;
    border-color: rgba(0,0,0,.09);
    color: #777;
}

.product-info-main .qty.field .label {
    line-height: 47px;
}
.product-info-main .qty.field .control {
    margin: 0 0 10px 10px;
    display: inline-block;
    max-width: 48px;
}
.product-info-main .product-add-form .box-tocart .field.qty #qty {
    width: 54px;
    height: 46px;
}
.product-info-main .product-add-form .box-tocart .fieldset {
    display: flex;
}
.product-info-main #addDesign.btn {
    padding: 12px;
}
.product-info-main .design_warning {
    clear: both;
}
.product-info-main .truaround-block {
    border-bottom: 0;
}

@media screen and (max-width: 767px) {
    .page-layout-2columns-right .sidebar.sidebar-additional {
        display: none !important;
    }
    .product-info-main .product-add-form .box-tocart .fieldset {
        display: inline-block;
    }
    .product-info-main .box-tocart .actions {
        margin: 5px 0 0 !important;
    }
    .product-info-main #addDesign.btn {
        margin: 0 0 10px;
    }
    .product-info-main button#product-addtocart-button {
        margin: 0 0 15px;
    }
    .product-info-main .design_warning {
        margin: 0;
    }
}
.opc-block-summary .minicart-items .product-item .product-item-details .product-item-name-block{
   display:block;
}

/* Checkout Order Summary:
   cancel Porto minicart flex layout on .product-item-details that creates
   center/gap issues in sidebar item specs. */
.checkout-index-index .opc-block-summary .minicart-items .product-item .product-item-details {
    display: block !important;
    order: 0 !important;
    flex: 0 0 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    text-align: left !important;
    grid-column: 1 / span 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: start !important;
}

.checkout-index-index .opc-block-summary .minicart-items .product-item > .product > .product-image-container,
.checkout-index-index .opc-block-summary .minicart-items .product-item > .product > .product-item-details + .product-image-container {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 46px !important;
    min-height: 46px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.checkout-index-index .opc-block-summary .minicart-items .product-item > .product > .product-item-details {
    grid-column: 1 / span 2 !important;
    grid-row: 1 !important;
}

.checkout-index-index .opc-block-summary .minicart-items .product-item > .product > .product-image-container .product-image-wrapper {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    margin-left: 10px;
}

.checkout-index-index .opc-block-summary .minicart-items .product-item > .product > .product-image-container .product-image-wrapper img,
.checkout-index-index .opc-block-summary .minicart-items .product-item > .product > .product-image-container > img {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 0 0 0 !important;
    float: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-image-container .product-image-wrapper {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-image-container .product-image-wrapper > img,
body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-image-container > img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 0 0 0 !important;
    float: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

.checkout-index-index .opc-block-summary .minicart-items .product-item .product-item-details .product-item-inner,
.checkout-index-index .opc-block-summary .minicart-items .product-item .product-item-details .product-item-name-block,
.checkout-index-index .opc-block-summary .minicart-items .product-item .product-item-details .product.options,
.checkout-index-index .opc-block-summary .minicart-items .product-item .product-item-details .product.options .content,
.checkout-index-index .opc-block-summary .minicart-items .product-item .product-item-details .item-options {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    text-align: left !important;
}

.customer-address-index .actions-toolbar {
	display: flex;
	align-items: center;
	gap: 14px;
}
.customer-address-index .actions-toolbar .secondary {
	order: 1;
	padding: 0;
	margin: 0;
}
.customer-address-index .actions-toolbar .primary {
	order: 2;
	margin: 0;
}
/* Back button: outlined secondary paired with the "Add New Address" primary.
   Uses the Sinalite/Porto theme color (#302E2A) for border + text so it
   matches the primary button visually. Previously this rendered as plain
   text because the earlier rule only set margin/padding and the inline
   <style> in book.phtml was out-specificed by selectors at this path. */
.customer-address-index .actions-toolbar > .secondary .action.back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 12px 28px !important;
	min-height: 46px;
	min-width: 140px;
	background-color: #fff;
	color: #302E2A !important;
	border: 2px solid #302E2A;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.customer-address-index .actions-toolbar > .secondary .action.back:hover,
.customer-address-index .actions-toolbar > .secondary .action.back:focus {
	background-color: #302E2A;
	color: #fff !important;
	border-color: #302E2A;
	text-decoration: none;
}
.customer-address-index .actions-toolbar > .secondary .action.back::before {
	content: "<";
	font-size: 15px;
	margin-right: 6px;
	line-height: 1;
}
/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2024-04-15 15:38:50 */

html .background-color-primary {
    background-color: #302E2A !important;
}
.theme-color{color:#302E2A !important;}
.theme-hover-color:hover{color:#302E2A !important;}
.theme-bg-color{background-color:#302E2A !important;}
.theme-border-color{border-color:#302E2A !important;}
.theme-hover-bg-color:hover{background-color:#302E2A !important;}
a,a:hover, .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .owl-theme .owl-controls .owl-nav [class*=owl-], .recent-posts .post-date .day, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .sorter-action:hover:before, .page-main > .page-title-wrapper .page-title, .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong, .authentication-wrapper button.action-auth-toggle, .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .opc-progress-bar-item._complete > span, .checkout-payment-method .payment-option-title .action-toggle, .checkout-payment-method .payment-option-title .action-toggle:after, .opc-block-shipping-information .shipping-information-title .action-edit:before, .opc-block-shipping-information .shipping-information-title .action-edit:hover:before, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong, .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, p .alternative-font, .entry-content h3, .history h4, .nav-.block-search .label:before, .block-search .label:hover:before, .fotorama .fotorama-sprite, .page-header.type5 .search-area > a, .page-header.type5 .search-area > a:hover, .page-header.type5 .minicart-wrapper .action.showcart:before, .page-header.type5 .minicart-wrapper .action.showcart.active:before, .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch, .qty.field .qty-changer > a:hover, .post-holder .post-date .day, .widget.block-recent-posts ul li a, .post-list .post-content .post-read-more, .post-header .post-title a, .alink:visited, a:active, .alink:active, .block-category-event > div.event-desc, .block-category-event .event-ticker .dates > div > span.desc, #ln_slider_price .ui-slider-handle, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove,.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span,html .heading-primary, html .lnk-primary, html .text-color-primary,.modes-mode.active, .modes-mode:hover,.sidebar-main .porto-icon {color:#302E2A;}
html .text-color-primary,.main-toggle-menu .menu-title.closed:not(:hover) {color:#302E2A !important;}
.action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, button:hover,.action-primary:hover, .action.primary:focus, .action.primary:active, .btn-primary, .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"], .btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .post-holder .post-date .month, .page-header.type8 .header.content,.page-header.type8.header-newskin .header.content, .iwd-summary-cart, #ln_slider_price .ui-slider-handle, .filter-toggle.active,.products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2, .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot.active span:before,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.action:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type9 .product-item-inner .product-item-actions>.actions-primary .tocart:hover, .product-item-info.type9 .product-item-inner .product-item-actions>.action:hover,.sw-dailydeal,.catalog-product-view .sw-dailydeal .number-wrapper,.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected,.sidebar-main .product-banner .sale-text:before, .sidebar-main .product-banner .sale-text:after,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart,.page-header.type17 .navigation:not(.side-megamenu) .level0 .level-top::before
    {background-color:#302E2A;}
.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected
        {background-color:#302E2A !important;}
.action.primary, .action.primary:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, button:hover,.action-primary:hover, .action.primary:focus, .action.primary:active, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .filter-toggle.active,i.ajax-loader, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover,.products-grid .swatch-option.color:hover::after,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart,.page-header.type18 .navigation:not(.side-megamenu) .level0 > .submenu
{border-color:#302E2A;}
.page-header, .authentication-dropdown, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced, .homepage-grid-banner .ribbon:before, .testimonial .testimonial-arrow-down, #newsletter_popup, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login, .mfp-preloader, .ln_overlay .loader
    {border-top-color:#302E2A;}
.minicart-wrapper .block-minicart:before, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before
    {border-bottom-color:#302E2A;}
@media (max-width: 991px) {
    .navigation a {
        color: #777 !important;
    }
    .navigation a:hover, .nav-sections .header.links a:hover {
        color: #302E2A !important;
    }
    header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus{
        color: #302E2A;
    }
    header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #302E2A;
    }
}
@media (min-width: 992px) {
    .page-header .navigation li.level0 {
        color: #302E2A;
    }
    .page-header.type24 .navigation li.level0 > a:before {
        background-color: #302E2A;
    }
    .navigation .level0 .submenu {
        border-color:#302E2A;
    }
    .sw-megamenu.navigation.side-megamenu li.level0:hover > a,.sw-megamenu.navigation.side-megamenu li.level0.active > a {
        border-top-color:#302E2A;
    }
    #main-toggle-menu .menu-title:hover, #main-toggle-menu .menu-title:not(.closed) {
        background: #302E2A;
        border-right-color: #302E2A;
    }
}
    .page-header.type1, .page-header.type23, .page-header,header.page-header.sticky-header .header-main {
        background-color: #FFFFFF;
    }
    @media (max-width: 767px){
      header.page-header.sticky-header .header-main {
          background-color: #FFFFFF;
      }
    }
    .page-header {
        border-top-color: #FFFFFF;
    }
    .page-header .header-main {
        color: #FFFFFF;
    }
    .page-header .header-main a, .page-header.type5 .search-area a.search-toggle-icon{
        color: #FFFFFF;
    }
    .cart-design-2 .action.showcart .minicart-icon {border-color: #FFFFFF;}
    .page-header .panel.wrapper,.main-panel-top {
        background-color: #FFFFFF;
    }
    .page-header .panel.wrapper, .page-header.type23 .panel.header a, .page-header.type23 .panel.header a:hover, .page-header.type23 > .panel.wrapper, .page-header.type23 .header.panel .switcher,.page-header.type24 .top-links-icon a, .page-header.type24 .top-links-icon, .page-header.type24 .panel.header .switcher {
        color: #BDE1F5;
    }
@media (min-width: 992px){
    .page-header.type1 .nav-sections,.page-header.type2 .nav-sections, .page-header .navigation > ul, .page-header.type16.sticky-header .navigation:not(.side-megamenu) > ul, .page-header.type18 .main-menu-wrap{
        background-color: #024678;
    }
    .page-header.type16 .navigation:not(.side-megamenu) > ul {border-color: #024678;}
}
@media (min-width: 992px){
    .page-header .navigation li.level0,
    .page-header.type23 .navigation .level0 > .level-top {
        color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover,
    .page-header .navigation li.level0.active, .page-header .navigation li.level0:hover,
    .page-header.type23 .navigation .level0:hover > .level-top,
    .page-header.type23 .navigation .level0.active > .level-top,
    .page-header.type23 .navigation .level0.has-active > .level-top {
        background-color: #FFFFFF;
    }
    .page-header.type19 .navigation:not(.side-megamenu) .level0 > .submenu {
        border-color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .page-header .navigation li.level0.active,
    .page-header .navigation li.level0:hover,
    .page-header.type23 .navigation .level0.active > .level-top,
    .page-header.type23 .navigation .level0.has-active > .level-top {
        color: #FFFFFF;
    }
    .page-header.type2 .navigation .level0 .level-top:before {
        background-color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .navigation .level0 .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        background-color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .navigation .level0 .submenu a {
        color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
        background-color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
        color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu, .sw-megamenu.navigation li.level0.staticwidth > .submenu {
        background-color: #024678;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu a, .sw-megamenu.navigation li.level0.staticwidth > .submenu a {
        color: #777777;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover, .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover {
        color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label1 {
        background-color: #024678;
    }
    .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label1:before {
        border-top-color: #024678;
    }
    .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label1:before, .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label1:before {
        border-right-color: #024678;
    }
}
@media (max-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label1 {
        background-color: #024678;
    }
    .sw-megamenu.navigation span.cat-label.cat-label-label1:before {
        border-right-color: #024678;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label1 {
        color: #FFFFFF;
    }
}
@media (max-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label1 {
        color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label2 {
        background-color: #FFFFFF;
    }
    .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label2:before {
        border-top-color: #FFFFFF;
    }
    .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label2:before, .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label2:before {
        border-right-color: #FFFFFF;
    }
}
@media (max-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label2 {
        background-color: #FFFFFF;
    }
    .sw-megamenu.navigation span.cat-label.cat-label-label2:before {
        border-right-color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label2 {
        color: #FFFFFF;
    }
}
@media (max-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label2 {
        color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
        background-color: #FFFFFF;
    }
    .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label3:before {
        border-top-color: #FFFFFF;
    }
    .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label3:before, .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label3:before {
        border-right-color: #FFFFFF;
    }
}
@media (max-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
        background-color: #FFFFFF;
    }
    .sw-megamenu.navigation span.cat-label.cat-label-label3:before {
        border-right-color: #FFFFFF;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
        color: #FFFFFF;
    }
}
@media (max-width: 992px){
    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
        color: #FFFFFF;
    }
}
.search-area .block.block-search {
  background-color: #FFFFFF;
}
.search-area {
  color: #FFFFFF;
}
.search-area {
  border-color: #FFFFFF;
}
@media (min-width: 768px){
    .header.panel .minicart-wrapper .action.showcart .counter.qty {
        color: #000000;
    }
}
@media (min-width: 992px){
     .page-header .minicart-wrapper .action.showcart, .page-header .minicart-wrapper .action.showcart:before, .page-header .minicart-wrapper .action.showcart.active:before, .page-header.type18 .wishlist {
        color: #000000;
    }
    .cart-design-2 .action.showcart .minicart-icon {border-color: #000000;}
}
.page-header.type2 .nav-sections, .page-header .navigation > ul, .page-header.type16.sticky-header .navigation:not(.side-megamenu) > ul, .page-header.type18 .main-menu-wrap {
    background-color: transparent;
}
#shipping-calculator .option-tooltip {
    margin: 10px 5px 2px 5px;
    background: #144678;
    color: white;
    border-radius: 10px;
    width: 17px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    font-size: 13px;
    text-align: center;
    position: relative;
}

#shipping-calculator .option-tooltip .folding-tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  font-size: 14px;
  font-weight: normal;
  padding: 10px;
  z-index: 1;
  top: 22px;
  left: -70px;
}

#shipping-calculator .option-tooltip:hover .folding-tooltiptext {
  visibility: visible;
}
.customer-account-login .page-main-inner{
   width: 100%;
}
.customer-account-login div.mage-error{
  font-size: 12px;
  margin-top: 5px;
}
.checkout-index-index .ui-autocomplete {
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
    font-size: 14px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    padding: 10px 0 10px 5px;
}

.checkout-index-index .postgrid-autocomplete-container .ui-menu-item {
    padding: 10px;
    cursor: pointer;
    list-style:none;
    margin: 0;
}

.checkout-index-index .ui-menu-item:hover,
.checkout-index-index .ui-menu-item .ui-state-active {
    background-color: #00abed;
    color: #fff;
    border-radius: 4px;
}
.checkout-index-index .ui-autocomplete .ui-state-disabled {
    color: #888;
    padding: 8px 12px;
}
.new-shipping-address-modal .action-close{
   width: auto !important;
}
#checkout #checkout-step-shipping .pagination button:hover {
    color: #ffffff;
}
#checkout #checkout-step-shipping .pagination {
    margin-top: 12px;
    padding-top: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Add New Address popup validation styles (checkout shipping) */
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error > .label,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error > .label span {
  color: #b4232a !important;
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error input[type="text"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error input[type="email"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error input[type="tel"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error select,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field input[aria-invalid="true"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field select[aria-invalid="true"] {
  border-color: #e35563 !important;
  background: #fff8f9;
  box-shadow: 0 0 0 3px rgba(227, 85, 99, 0.12);
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error input[type="text"]:focus,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error input[type="email"]:focus,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error input[type="tel"]:focus,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field._error select:focus,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field input[aria-invalid="true"]:focus,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field select[aria-invalid="true"]:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.16);
  background: #fff;
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field .field-error {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #f0b6bd;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff7f8 0%, #ffeeef 100%);
  color: #b4232a;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field .field-error:before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d92d3f;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  flex: 0 0 16px;
  margin-top: 1px;
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field .field-error span {
  color: inherit;
  font-weight: inherit;
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field[name="shippingAddress.telephone"] input[type="text"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field[data-index="telephone"] input[type="text"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field[name="shippingAddress.telephone"] input[type="tel"],
.new-shipping-address-modal .sl-checkout-address-fieldset > .field[data-index="telephone"] input[type="tel"] {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.015em;
}

.new-shipping-address-modal .sl-checkout-address-fieldset > .field[name="shippingAddress.telephone"] .field-note,
.new-shipping-address-modal .sl-checkout-address-fieldset > .field[data-index="telephone"] .field-note {
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px dashed #c3d5ea;
  border-radius: 8px;
  background: linear-gradient(180deg, #f9fcff 0%, #f2f8ff 100%);
  color: #466382;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
}

/* Checkout payment - store credit validation layout hard fix.
   Keeps Lof legacy CSS from collapsing the row when mage-error is shown. */
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .payment-option-inner .field > .control {
  display: block !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer._show {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  vertical-align: top !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer #credit-amount,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer label.mage-error,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer .mage-error:not(input),
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .credit-amount-cotainer + label.mage-error,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .payment-credit-container .payment-option-content.credit-option-content .form.form-credit .field > .control > label.mage-error {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  grid-column: 1 / -1 !important;
  margin: 2px 0 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #efc1c7 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff7f8 0%, #fff0f2 100%) !important;
  color: #b4232a !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  transform: none !important;
  z-index: 1 !important;
}

/* Checkout payment - Braintree card number validation layout hard fix.
   Keep card-number input compact and force validation below the field. */
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control {
  width: 100% !important;
  max-width: 620px !important;
  height: auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  grid-template-rows: 60px auto !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control:before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  border: 1px solid #d7e1ee !important;
  border-right: 0 !important;
  border-radius: 6px 0 0 6px !important;
  background: #fff !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control:after {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 46px !important;
  height: 30px !important;
  border: 1px solid #cbd6e5 !important;
  border-radius: 4px !important;
  background:
    linear-gradient(180deg, transparent 0 7px, #9aa5b5 7px 11px, transparent 11px 100%),
    linear-gradient(180deg, #ffffff 0%, #eef3f8 100%) !important;
  box-shadow: 0 1px 2px rgba(35, 50, 74, 0.08) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .braintree-credit-card-selected {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  position: relative !important;
  left: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: 58px !important;
  height: 42px !important;
  max-height: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  object-fit: contain !important;
  box-shadow: 0 1px 2px rgba(35, 50, 74, 0.08) !important;
  box-sizing: border-box !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .sl-braintree-card-badge {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 38px !important;
  overflow: hidden !important;
  border: 1px solid #cbd6e5 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #17375d !important;
  box-shadow: 0 1px 2px rgba(35, 50, 74, 0.08) !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .sl-braintree-card-badge-vi {
  color: #143a7b !important;
  font-size: 17px !important;
  font-style: italic !important;
  letter-spacing: 0 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .sl-braintree-card-badge-mc {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 23px 50%, rgba(235, 0, 27, 0.94) 0 11px, transparent 12px),
    radial-gradient(circle at 35px 50%, rgba(247, 158, 27, 0.94) 0 11px, transparent 12px),
    #172554 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .sl-braintree-card-badge-ae {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1b70a7 0%, #32a8d8 100%) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .sl-braintree-card-badge-di {
  color: #303642 !important;
  background:
    linear-gradient(135deg, transparent 0 65%, #f47a20 66% 100%),
    #ffffff !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-credit-card-types .item {
  opacity: 1 !important;
  transition: opacity 160ms ease, transform 160ms ease !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-credit-card-types .item._inactive {
  opacity: 0.28 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-credit-card-types .item._active {
  transform: translateY(-1px) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-credit-card-types .item._active img {
  border-radius: 4px !important;
  box-shadow: 0 0 0 2px rgba(21, 126, 215, 0.16) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .hosted-control#braintree_cc_number {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  padding-left: 0 !important;
  padding-right: 14px !important;
  border: 1px solid #d7e1ee !important;
  border-left: 0 !important;
  border-radius: 0 6px 6px 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .hosted-error {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ed1c24 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .braintree-card-control .hosted-control#braintree_cc_number.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error {
  margin-top: 8px !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview {
  display: none !important;
}

@media (min-width: 1200px) {
  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .payment-method-content > form#co-transparent-form-braintree .fieldset.payment.items.ccard.braintree {
    display: grid !important;
    grid-template-columns: minmax(0, 620px) minmax(0, 380px) !important;
    align-items: start !important;
    justify-content: start !important;
    column-gap: 56px !important;
    row-gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .payment-method-content > form#co-transparent-form-braintree .fieldset.payment.items.ccard.braintree > .legend {
    display: none !important;
  }

  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .payment-method-content > form#co-transparent-form-braintree .fieldset.payment.items.ccard.braintree > br {
    display: none !important;
  }

  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .payment-method-content > form#co-transparent-form-braintree .fieldset.payment.items.ccard.braintree > .field.number.required,
  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .payment-method-content > form#co-transparent-form-braintree .fieldset.payment.items.ccard.braintree > .field.cvv.required {
    grid-column: 1 !important;
  }

  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .payment-method-content > form#co-transparent-form-braintree .fieldset.payment.items.ccard.braintree > .field.choice {
    grid-column: 1 / -1 !important;
  }

  body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    justify-self: start !important;
    width: 100% !important;
    max-width: 360px !important;
    min-width: 0 !important;
    margin-top: 2px !important;
    box-sizing: border-box !important;
  }
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-card {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 1.586 !important;
  min-height: 184px !important;
  padding: 22px 24px !important;
  border-radius: 22px !important;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 54px),
    linear-gradient(135deg, #17375d 0%, #126db5 56%, #18a8c8 100%) !important;
  box-shadow: 0 18px 34px rgba(17, 80, 145, 0.22) !important;
  box-sizing: border-box !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-card:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 46px) !important;
  pointer-events: none !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-card.sl-braintree-card-preview-vi {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 54px),
    linear-gradient(135deg, #123a70 0%, #156bbd 56%, #10a9ce 100%) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-card.sl-braintree-card-preview-mc {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 54px),
    linear-gradient(135deg, #1f2f58 0%, #653ab3 56%, #d45353 100%) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-card.sl-braintree-card-preview-ae {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 54px),
    linear-gradient(135deg, #164f63 0%, #1c94ad 56%, #2abfca 100%) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-card.sl-braintree-card-preview-di {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 1px, transparent 1px 54px),
    linear-gradient(135deg, #3e3d50 0%, #7d5561 54%, #f5792a 100%) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-top,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-number,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-bottom {
  position: relative !important;
  z-index: 1 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-top,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-chip {
  width: 48px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, transparent 47%, rgba(120, 82, 24, 0.45) 47% 53%, transparent 53%),
    linear-gradient(180deg, #ffe08a 0%, #d8a83f 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(91, 62, 18, 0.25) !important;
  flex: 0 0 48px !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-brand {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-number {
  margin: 40px 0 28px !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  transition: color 180ms ease, text-shadow 180ms ease !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-number.sl-braintree-card-preview-number-active {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-number.sl-braintree-card-preview-number-valid {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(255, 255, 255, 0.18) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-name,
body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-expiry {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-name {
  min-width: 0 !important;
  max-width: 58% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-expiry {
  display: grid !important;
  gap: 4px !important;
  text-align: right !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-expiry span {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-expiry strong {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  transition: color 180ms ease !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-expiry strong.sl-braintree-card-preview-value-active {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.checkout-index-index #checkout #payment.sl-checkout-payment-method .sl-checkout-payment-group .payment-method.payment-method-braintree .sl-braintree-card-preview-expiry strong.sl-braintree-card-preview-value-valid {
  color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
  .footer-middle .footer-parent-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .footer-middle .footer-parent-container .footer-content:nth-child(1) {
    width: 34% !important;
    max-width: 34% !important;
    padding-right: 2px !important;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock,
  .footer-middle .footer-parent-container .col-sm-12.col-md-12.col-lg-3.footer-content.footer-secondblock {
    float: none !important;
    width: 66% !important;
    max-width: 66% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 10px !important;
    padding-left: 2px !important;
    min-height: 0 !important;
    border-right: 0 !important;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px !important;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock > p:first-of-type {
    white-space: nowrap;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock .social-media-m {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 8px !important;
    flex-wrap: wrap;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock .social-media-m p.social-icn {
    float: none !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock .social-media-m img {
    width: 28px !important;
    height: 28px !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock .svg-cicon-contacts a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 14px !important;
  }

  .footer-middle .footer-parent-container .footer-content.footer-secondblock p.svg-cicon-contacts img {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  header.page-header.type2.header-newskin .header.content {
    position: relative !important;
  }

  header.page-header.type2.header-newskin .header.content .block-search {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    position: absolute !important;
    top: 14px !important;
    right: 48px !important;
    z-index: 7;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  header.page-header.type2.header-newskin .header.content .block-search .label {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 1 !important;
  }

  header.page-header.type2.header-newskin .header.content .block-search .label:before {
    line-height: 1 !important;
    position: relative !important;
    top: 0 !important;
    transform: translateY(1px) !important;
  }
}

@media only screen and (max-width: 767px) {
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide,
  body.checkout-index-index #checkout .opc-sidebar.opc-summary-wrapper {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    min-width: 0 !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
  }

  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper .modal-inner-wrap,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-inner-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper .modal-header,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header {
    position: relative !important;
    min-height: 32px !important;
    padding: 0 36px 8px 0 !important;
  }

  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper .modal-header .action-close,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header .action-close,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper > .action-close,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide > .action-close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    z-index: 30 !important;
    color: #23324a !important;
  }

  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper .modal-header .action-close:before,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header .action-close:before,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper > .action-close:before,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide > .action-close:before {
    font-size: 24px !important;
    line-height: 1 !important;
    color: inherit !important;
  }

  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper .modal-header .action-close:hover,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header .action-close:hover,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper .modal-header .action-close:focus,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide .modal-header .action-close:focus,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper > .action-close:hover,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide > .action-close:hover,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper > .action-close:focus,
  body.checkout-index-index #checkout .modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide > .action-close:focus {
    opacity: 1 !important;
    color: #111111 !important;
  }

  body.checkout-index-index #checkout .opc-estimated-wrapper .minicart-wrapper .action.showcart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative !important;
    overflow: visible !important;
  }

  body.checkout-index-index #checkout .opc-estimated-wrapper .minicart-wrapper .action.showcart:before {
    display: none !important;
    content: none !important;
  }

  body.checkout-index-index #checkout .opc-estimated-wrapper .minicart-wrapper .action.showcart .minicart-icon {
    display: inline-block !important;
    font-size: 27px !important;
    line-height: 1 !important;
    color: #18426e !important;
    margin: 0 !important;
  }

  body.checkout-index-index #checkout .opc-estimated-wrapper .minicart-wrapper .action.showcart .counter.qty {
    left: auto !important;
    right: -8px !important;
    top: -6px !important;
    background: #e61d30 !important;
    height: 25px !important;
    width: 25px !important;
    padding: 0 !important;
    border-radius: 50px !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 0 1px rgba(24, 66, 110, 0.08) !important;
    font-size: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
  }

  body.checkout-index-index #checkout .opc-estimated-wrapper .minicart-wrapper .action.showcart .counter.qty .counter-number {
    display: block !important;
    line-height: 1 !important;
  }

  body.checkout-index-index .reward-message .messages {
    margin: 0 !important;
  }

  body.checkout-index-index .reward-message .messages .success.message .message-earn-points {
    display: block !important;
    min-width: 0 !important;
    line-height: 1.4 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.checkout-index-index .reward-message .messages .success.message .message-earn-points-copy {
    display: inline !important;
    font-size: 14px !important;
  }

  body.checkout-index-index .reward-message .messages .success.message .message-earn-points-label {
    display: inline !important;
    margin: 0 4px !important;
    white-space: normal !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.checkout-index-index .reward-message .messages .success.message .limit {
    display: block !important;
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}

/* Sinalite checkout order items: balanced, readable item summary. */
body.checkout-index-index #checkout .opc-block-summary .items-in-cart > .title {
    padding: 17px 20px !important;
}

body.checkout-index-index #checkout .opc-block-summary .items-in-cart > .title strong {
    color: var(--sl-summary-title, #30455d) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body.checkout-index-index #checkout .opc-block-summary .items-in-cart > .title:after {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    margin-left: 14px !important;
    margin-right: 0 !important;
    border-color: #d5e3f2 !important;
    color: #30455d !important;
    font-size: 16px !important;
    box-shadow: 0 8px 18px rgba(24, 52, 88, 0.07) !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items-wrapper {
    padding: 12px 16px 16px !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item {
    margin: 0 0 11px !important;
    padding: 12px !important;
    border: 1px solid var(--sl-summary-divider, #e7edf4) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 16px rgba(24, 52, 88, 0.035) !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item:last-child {
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--sl-summary-divider, #e7edf4) !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    justify-content: initial !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-image-container,
body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-item-details + .product-image-container,
body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-image-container {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 58px !important;
    min-height: 58px !important;
    border-radius: 10px !important;
    border-color: #d8e3f0 !important;
    background: #ffffff !important;
    box-shadow: 0 6px 14px rgba(24, 52, 88, 0.04) !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-item-details,
body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-item-details.product-item-details-configurable {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}

body.checkout-index-index #checkout .opc-block-summary .uploadedfile-item-name {
    margin: 0 0 4px !important;
}

body.checkout-index-index #checkout .opc-block-summary .uploadedfile-item-name .cart-item-name,
body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item-name,
body.checkout-index-index #checkout .opc-block-summary .product-item-name {
    margin: 0 0 6px !important;
    color: var(--sl-summary-title, #30455d) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
}

body.checkout-index-index #checkout .opc-block-summary .product-item-details ul {
    display: grid !important;
    gap: 3px !important;
    margin: 6px 0 0 !important;
}

body.checkout-index-index #checkout .opc-block-summary .product-item-details ul li,
body.checkout-index-index #checkout .opc-block-summary .product-item-details .details-qty,
body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options,
body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options dt,
body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options dd,
body.checkout-index-index #checkout .opc-block-summary .product.options.list {
    color: var(--sl-summary-muted, #7c8da3) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    overflow-wrap: anywhere !important;
}

body.checkout-index-index #checkout .opc-block-summary .product-item-details ul li span:first-child,
body.checkout-index-index #checkout .opc-block-summary .product-item-details .details-qty .label,
body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options dt {
    color: var(--sl-summary-text, #4c617a) !important;
    font-weight: 600 !important;
}

body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item .subtotal {
    grid-column: 2 !important;
    grid-row: auto !important;
    justify-self: start !important;
    margin-top: 8px !important;
    color: var(--sl-summary-accent, #0b86e8) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    body.checkout-index-index #checkout .opc-block-summary .items-in-cart > .title strong {
        font-size: 17px !important;
    }

    body.checkout-index-index #checkout .opc-block-summary .minicart-items-wrapper {
        padding: 12px !important;
    }

    body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item {
        padding: 12px !important;
    }

    body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product {
        display: grid !important;
        grid-template-columns: 62px minmax(0, 1fr) !important;
        gap: 12px !important;
        justify-content: initial !important;
    }

    body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-image-container,
    body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item > .product > .product-item-details + .product-image-container,
    body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-image-container {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 52px !important;
        min-height: 52px !important;
    }

    body.checkout-index-index #checkout .opc-block-summary .uploadedfile-item-name .cart-item-name,
    body.checkout-index-index #checkout .opc-block-summary .minicart-items .product-item-name,
    body.checkout-index-index #checkout .opc-block-summary .product-item-name {
        font-size: 14px !important;
    }

    body.checkout-index-index #checkout .opc-block-summary .product-item-details ul li,
    body.checkout-index-index #checkout .opc-block-summary .product-item-details .details-qty,
    body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options,
    body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options dt,
    body.checkout-index-index #checkout .opc-block-summary .product-item-details .item-options dd,
    body.checkout-index-index #checkout .opc-block-summary .product.options.list {
        font-size: 12px !important;
    }
}