@charset "UTF-8";	

body {
	font-family: Poppins, sans-serif;
}

.scGridFieldOdd, .scGridFieldEven, .scGridFieldOver, .scGridFieldClick {
	background-color: #fff !important;
}

.ecom-product-card .product-title a {
	text-align: center;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	display: block;
	line-height: 1.35;
}

.logo>img{
	border-radius: 0px !important;
}

.whatsapp-ico{
	font-size: 1.4rem;
	padding-right: 4px;
}

.scGridLabel {
	display: none;
}
.ecom-product-card .ratings-container {
    display: none !important;
}

.ecom-presentation-info {
    margin: 6px 0 8px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
}

.ecom-presentation-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 20px;
    background: #f4f4f4;
    color: #555;
    font-weight: 600;
}

.ecom-stock-text {
    display: block;
    margin-top: 4px;
    color: #777;
    font-size: 11px;
}

.ecom-price-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-top: 6px;
}

.ecom-price-box .product-price {
    font-size: 18px;
    line-height: 1.1;
}

.ecom-price-box .ecom-box-price {
    font-size: 21px;
    font-weight: 700;
}

.ecom-price-caption {
    font-size: 1rem;
	opacity: 0.8;
    color: #777;
    line-height: 1.1;
}

.ecom-product-list .ecom-presentation-info,
.ecom-product-list .ecom-price-box {
    align-items: flex-start;
    text-align: left;
}
.badge-info {
	color: #fff !important;
	background-color: #33b5e5 !important;
}

.badge-secondary {
	color: #fff !important;
	background-color: #a6c !important;
}

.badge-light {
	color: #000 !important;
	background-color: #e0e0e0 !important;
}

.badge-primary {
	color: #fff !important;
	background-color: #4285f4 !important;
}

.badge-danger {
	color: #fff !important;
	background-color: #ff3547 !important;
}

.badge-success {
	color: #fff !important;
	background-color: #00c851 !important;
}

.badge-warning {
	color: #fff !important;
	background-color: #fb3 !important;
}

.badge {
	border-radius: 0.125rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


#sc-id-mobile-in, #sc-id-mobile-out{
	display: none !important;

}

.swal2-content {
	font-size: 2rem !important;
	color:  #222529 !important;
}

.swal2-popup.swal2-toast .swal2-title {
	font-size: 1.3rem !important;
	color:  #222529 !important;
}

.scGridFieldOddFont, .scGridFieldEvenFont {
	padding: 0px !important;
	width: 100% !important;
	border-style: none !important;
	text-align: center !important;
}

.scGridRefinedSearchMolduraResult {
	border-style: none;
}


.btn-wsp {
	position: fixed;
	width: 55px;
	height: 55px;
	bottom: 55px;
	right: 8px;
	background: #28a745;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	font-size: 30px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
	z-index: 40000;

	display: flex;
	align-items: center;
	justify-content: center;

	line-height: 1;
	text-decoration: none;
}

.btn-wsp i,
.btn-wsp svg {
	line-height: 1;
	display: block;
}
.btn-wsp:hover{
	text-decoration: none;
	color: #28a745;
	background: #fff;

}

.label-container {
	display: none;
	font-size: medium;
	position: absolute;
	bottom: 0%;
	left: -5%;
	transform: translateX(-100%);
	background-color: #fff;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	color: black;
	width: 170px;
}

.btn-wsp:hover .label-container {
	display: block;
}

.cart-discount {
	margin-bottom: 4rem;
}
.cart-discount h4 {
	margin-bottom: 1.2rem;
	font-size: 1.6rem;
	font-weight: 400;
}
.cart-discount form {
	max-width: 420px;
}
.cart-discount .input-group-append {
	margin-left: 3px;
}

.cart-summary {
	margin-bottom: 3.6rem;
	padding: 1.4rem 1.5rem 1.4rem;
	border: 2px solid #e7e7e7;
	background: #fff;
}
.cart-summary h3 {
	margin-bottom: 2.3rem;
	font-size: 1.6rem;
	letter-spacing: -0.01em;
}

.cart-summary form {
	margin-bottom: 1.6rem;
}
.cart-summary .form-group-sm {
	max-width: none;
}
.cart-summary .form-group-sm label {
	margin-top: 1.3rem;
	letter-spacing: 0;
	margin-bottom: 1.4rem;
	font-weight: 400;
	font-size: 1.4rem;
	color: #777;
	font-family: "Open Sans", sans-serif;
}
.cart-summary .form-group-sm .form-control {
	height: 3.7rem;
	font-size: 1.4rem;
	letter-spacing: -0.012em;
}
.cart-summary .btn-update-total {
	background-color: #f4f4f4;
	color: #222529;
	border: none;
	padding: 8px 12px;
	line-height: 1.5;
	font-family: "Open Sans", sans-serif;
}
.cart-summary .btn-update-total:hover {
	color: #fff;
	background-color: #08C;
}

.checkout-progress-bar li a.active, .checkout-progress-bar li a:hover {
	color: #08C;
	opacity: 1;
}

.table.table-totals {
	margin-bottom: 2.6rem;
}
.table.table-totals .custom-radio .custom-control-input {
	width: 100px;
}
.table.table-totals h4 {
	display: inline;
	margin-bottom: 0;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: -0.01em;
}
.table.table-totals .form-control {
	line-height: 1.5;
}
.table.table-totals .form-group {
	margin-bottom: 1.5rem;
}
.table.table-totals .select2-container.select2-container--default .select2-selection--single {
	min-height: 37px;
}
.table.table-totals .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.6;
}
.table.table-totals tr th,
.table.table-totals tr td {
	padding: 1rem;
	border: 0;
	letter-spacing: -0.01em;
	font-size: 14px;
	font-weight: 600;
	color: #222529;
	font-family: "poppins";
}
.table.table-totals tr th:last-child,
.table.table-totals tr td:last-child {
	color: #777;
	text-align: right;
	font-weight: 400;
}
/* .table.table-totals tbody tr {
border-bottom: 1px solid #dcdcdc;
} */
.table.table-totals tfoot {
	border-top: 1px solid #ccc;
	color: #222529;
	font-size: 1.6rem;
	font-weight: 700;
}
.table.table-totals tfoot tr td {
	padding-top: 1.3rem;
	padding-bottom: 1.6rem;
	vertical-align: middle;
	font-size: 1.6rem;
	padding-left: 1.2rem;
}
.table.table-totals tfoot tr td:last-child {
	font-weight: 700;
	font-size: 22px;
	color: #222529;
}
.table.table-totals tfoot b {
	font-size: 2.2rem;
}

.checkout-methods .btn {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5rem;
	letter-spacing: -0.015em;
	padding: 1em 0;
}
.checkout-methods .btn i {
	margin-left: 1.2rem;
}



.checkout-progress-bar li a.active, .checkout-progress-bar li a:hover {
	color: #08C;
	opacity: 1;
}

.checkout-progress-bar {
	margin: 4.7rem 0 2.1rem;
	font-size: 0;
	line-height: 1.4;
}
.checkout-progress-bar li {
	display: inline-block;
	position: relative;
	margin-bottom: 3rem;
	color: #999;
	font-family: Poppins, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	text-align: center;
	vertical-align: top;
}
.checkout-progress-bar li.prev {
	color: #222529;
}
.checkout-progress-bar li a {
	color: #222524;
}
.checkout-progress-bar li.active a {
	color: #08C;
}
.checkout-progress-bar li.active a:hover {
	color: #08C;
}
.checkout-progress-bar li.active + li a {
	color: #919292;
}
.checkout-progress-bar li.active + li a:hover {
	color: #08C;
}
.checkout-progress-bar li.disabled a {
	color: #919292;
}
.checkout-progress-bar li:not(:first-child) {
	margin-left: 5.8rem;
}
.checkout-progress-bar li:not(:first-child):before {
	position: absolute;
	left: -3.3rem;
	top: -0.8rem;
	content: "";
	color: #999;
	font-family: "porto";
	font-size: 3rem;
}
.checkout-progress-bar li:last-child {
	pointer-events: none;
}

.checkout-steps li {
	margin-bottom: 3rem;
}
.checkout-steps li form {
	margin-top: 1.5rem;
	margin-bottom: 0;
	padding-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}
.checkout-steps li form:last-of-type {
	padding-bottom: 0.1rem;
	border-bottom: 0;
}
.checkout-steps li form p {
	margin-bottom: 1rem;
	color: #777;
	font-size: 1.3rem;
}
.checkout-steps li .form-footer {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.step-title {
	margin-bottom: 0;
	color: #222529;
	font-size: 2.2rem;
}
.step-title:after {
	display: block;
	clear: both;
	content: "";
}
.step-title .step-title-edit {
	margin-top: 0.4rem;
	float: right;
	font-size: 1.4rem;
}

.cart-table-container {
	margin-bottom: 2.5rem;
}
.cart-table-container .input-group .form-control {
	height: 43px;
	border-color: rgba(0, 0, 0, 0.09);
}
.cart-table-container .btn-shop,
.cart-table-container .btn-sm {
	border: none;
	background-color: #f4f4f4;
	color: #222529;
}
.cart-table-container .btn-shop:hover,
.cart-table-container .btn-sm:hover {
	color: #fff;
	background-color: #08C;
}

.table.table-cart tr th,
.table.table-cart tr td, .table.table-wishlist tr th,
.table.table-wishlist tr td {
	vertical-align: middle;
}
.table.table-cart tr th, .table.table-wishlist tr th {
	border: 0;
	color: #222529;
	font-weight: 700;
	line-height: 2.4rem;
	text-transform: uppercase;
}
.table.table-cart tr td, .table.table-wishlist tr td {
	border-top: 1px solid #e7e7e7;
}
.table.table-cart tr td.product-col, .table.table-wishlist tr td.product-col {
	padding: 2rem 0.8rem 1.8rem 0;
}
.table.table-cart tr.product-action-row td, .table.table-wishlist tr.product-action-row td {
	padding: 0 0 2.2rem;
	border: 0;
}
.table.table-cart .product-image-container, .table.table-wishlist .product-image-container {
	position: relative;
	width: 8rem;
	margin: 0;
}
.table.table-cart .product-title, .table.table-wishlist .product-title {
	margin-bottom: 0;
	padding: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 1.75;
}
.table.table-cart .product-title a, .table.table-wishlist .product-title a {
	color: inherit;
}
.table.table-cart .product-single-qty, .table.table-wishlist .product-single-qty {
	margin: 0.5rem 4px 0.5rem 1px;
}
.table.table-cart .product-single-qty .form-control, .table.table-wishlist .product-single-qty .form-control {
	height: 48px;
	width: 44px;
	font-size: 1.6rem;
	font-weight: 700;
}
.table.table-cart .subtotal-price, .table.table-wishlist .subtotal-price {
	color: #222529;
	font-size: 1.6rem;
	font-weight: 600;
}
.table.table-cart .btn-remove, .table.table-wishlist .btn-remove {
	right: -10px;
	font-size: 1.1rem;
}
.table.table-cart tfoot td, .table.table-wishlist tfoot td {
	padding: 2rem 0.8rem 1rem;
}
.table.table-cart tfoot .btn, .table.table-wishlist tfoot .btn {
	padding: 1.2rem 2.4rem 1.3rem 2.5rem;
	font-family: "Open Sans", sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	height: 43px;
	letter-spacing: -0.018em;
}
.table.table-cart tfoot .btn + .btn, .table.table-wishlist tfoot .btn + .btn {
	margin-left: 1rem;
}
.table.table-cart .bootstrap-touchspin.input-group, .table.table-wishlist .bootstrap-touchspin.input-group {
	margin-right: auto;
	margin-left: auto;
}

.table.table-cart .product-title a,
.table.table-cart .subtotal-price {
	display: block;
	margin-bottom: 1px;
}

.table-cart tr th {
	padding: 1rem;
}
.table-cart tr th.thumbnail-col {
	width: 16%;
}
.table-cart tr th.product-col {
	width: 33%;
}
.table-cart tr th.price-col {
	width: 14%;
}
.table-cart td {
	padding: 2rem 1rem;
}

i.cart-empty {
	font-size: 100px;
	color: #d3d3d4;
}

@media (max-width: 575px) {
	.cart-table-container {
		border-top: 4px solid #08C;
	}

	.table.table-cart {
		border: 1px solid #e7e7e7;
		border-top: 0;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	}
	.table.table-cart,
	.table.table-cart tbody,
	.table.table-cart tfoot {
		display: block;
	}
	.table.table-cart thead {
		display: none;
	}
	.table.table-cart tr td {
		padding: 0.5rem 1rem;
		border-top: 0;
	}
	.table.table-cart tr td.product-col {
		padding-bottom: 0.5rem;
	}
	.table.table-cart .product-row {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 3rem;
		padding-bottom: 2.5rem;
		border-top: 2px solid #ddd;
	}
	.table.table-cart .product-row:first-child {
		border-top: 0;
	}
	.table.table-cart .product-col {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.table.table-cart .product-col .product-image-container {
		flex: 0 0 auto;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.table.table-cart tfoot {
		border-top: 2px solid #ddd;
	}
	.table.table-cart tfoot tr {
		display: block;
		width: 100%;
	}
	.table.table-cart tfoot tr td {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 3rem 0;
	}
	.table.table-cart .cart-discount {
		margin-bottom: 2rem;
	}
	.table.table-cart .cart-discount form {
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {
	.cart-table-container .input-group .form-control {
		width: 183px;
	}
}
@media (max-width: 767px) {
	.cart-table-container .cart-discount .form-control {
		max-width: 132px;
		margin-right: 0.4rem;
	}

	.table.table-cart .cart-discount {
		margin-bottom: 1.5rem;
	}
}
@media (max-width: 479px) {
	.cart-summary {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.table.table-cart .cart-discount {
		margin-bottom: 1.5rem;
	}

	.cart-discount .input-group {
		flex-direction: column;
		align-items: center;
	}

	.cart-table-container .cart-discount .form-control {
		margin: auto;
		margin-bottom: 1.5rem;
		max-width: none;
		width: 100%;
	}
}

.checkout-progress-bar {
	margin: 4.7rem 0 2.1rem;
	font-size: 0;
	line-height: 1.4;
}
.checkout-progress-bar li {
	display: inline-block;
	position: relative;
	margin-bottom: 3rem;
	color: #999;
	font-family: Poppins, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	text-align: center;
	vertical-align: top;
}
.checkout-progress-bar li.prev {
	color: #222529;
}
.checkout-progress-bar li a {
	color: #222524;
}
.checkout-progress-bar li.active a {
	color: #08C;
}
.checkout-progress-bar li.active a:hover {
	color: #08C;
}
.checkout-progress-bar li.active + li a {
	color: #919292;
}
.checkout-progress-bar li.active + li a:hover {
	color: #08C;
}
.checkout-progress-bar li.disabled a {
	color: #919292;
}
.checkout-progress-bar li:not(:first-child) {
	margin-left: 5.8rem;
}
.checkout-progress-bar li:not(:first-child):before {
	position: absolute;
	left: -3.3rem;
	top: -0.8rem;
	content: "";
	color: #999;
	font-family: "porto";
	font-size: 3rem;
}
.checkout-progress-bar li:last-child {
	pointer-events: none;
}

.checkout-steps li {
	margin-bottom: 3rem;
}
.checkout-steps li form {
	margin-top: 1.5rem;
	margin-bottom: 0;
	padding-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}
.checkout-steps li form:last-of-type {
	padding-bottom: 0.1rem;
	border-bottom: 0;
}
.checkout-steps li form p {
	margin-bottom: 1rem;
	color: #777;
	font-size: 1.3rem;
}
.checkout-steps li .form-footer {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.step-title {
	margin-bottom: 0;
	color: #222529;
	font-size: 2.2rem;
}
.step-title:after {
	display: block;
	clear: both;
	content: "";
}
.step-title .step-title-edit {
	margin-top: 0.4rem;
	float: right;
	font-size: 1.4rem;
}


#quicksearchph_top > span{	
	display:flex;
}	

.product-default:hover .btn-add-cart {
	background: #01457b  !important;
	border-color: #01457b  !important;
	color: #fff;
}

.add-cart{
	padding: 1rem !important;
}

img{
	border-radius: 8px;
}

.owl-carousel .owl-item img {
	border-radius: 0px;
}

.stock-indicador{
	font-size: small;
	font-weight: 100;
	color: #222529;
}

.scGridTabela tbody{	
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-evenly;
	font-family: var(--base-font);
	padding-bottom: 5px;

}

.toolbox-right{
	padding-right: 0.5rem;
}

.toolbox .sticky-header .fixed{
	background-color: #f4f4f4 !important;
}

.main_table_grid .form-control::-webkit-input-placeholder,	
.main_table_grid .form-control::-moz-placeholder,	
.main_table_grid .form-control:-ms-input-placeholder,	
.main_table_grid .form-control::-ms-input-placeholder,	
.main_table_grid .form-control::placeholder {	
	font-family: Poppins, sans-serif;	
}	

.main_table_grid {	
	flex: 1 1 auto;	
}	

.product-default .product-details{
	text-align: left;
}

.product-default{
	padding: 1rem;
}

.ecom-product-main-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.ecom-presentation-price {
	font-size: 2.4rem !important;
	font-weight: 700;
	line-height: 1.1;
}

.ecom-unit-price {
	font-size: 1.5rem !important;
	font-weight: 500;
	color: #555;
	margin-top: 6px;
}

.ecom-price-caption {
	font-size: 12px;
	color: #777;
	line-height: 1.2;
}

.ecom-product-stock-box {
	margin: 12px 0;
	padding: 10px 14px;
	background: #f7f7f7;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-width: 280px;
}

.ecom-stock-label {
	font-size: 12px;
	color: #777;
}

.ecom-stock-detail {
	font-size: 12px;
	color: #777;
}

.main_table_grid .sticky-header.fixed {	
	min-height: 38px;	
	padding-top: 15px;	
	padding-bottom: 15px;	
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);	
	overflow: hidden;	
	z-index: 997;	

}	


.main_table_grid .sticky-header.toolbox.fixed {	
	padding: 1.5rem;	
	padding-right: 1.5rem !important;	
	background-color: #f4f4f4;	
	margin: 0 !important;	
}	
.main_table_grid .sticky-header.toolbox.fixed .toolbox-left {	
	margin-right: 3rem;	
}	

.login-popup .scGridBorder {	
	padding: 3.9rem 3.6rem 4.7rem;	
}	

.scGridBorder :not(.sticky-header) > .container,	
.scGridBorder :not(.sticky-header) > .container-fluid {	
	padding-left: 0;	
	padding-right: 0;	
}	

@media (min-width: 1220px) {	
	.scGridBorder {	
		max-width: 1200px;	
	}	
}	

@media (min-width: 992px) {	
	.scGridBorder {	
		padding-left: 10px;	
		padding-right: 10px;	
	}	
	.row-lg {	
		margin-left: -15px;	
		margin-right: -15px;	
	}	
	.row-lg [class*=col-] {	
		padding-left: 15px;	
		padding-right: 15px;	
	}	
}	
@media (max-width: 991px) {	
	.scGridBorder {	
		max-width: none;	
	}	
	.mmenu-active .page-wrapper, .sidebar-opened .page-wrapper {	
		left: 260px;	
	}	
}	

.main_table_grid .sticky-header:not(.fixed) > .scGridBorder {	
	padding-left: 0;	
	padding-right: 0;	
}	

.main_table_grid .sticky-header.fixed .scGridBorder {	
	margin: 0 auto;	
}	

@media (max-width: 991px) {	
	.btn-wsp{
		bottom: 70px;
		right: 20px;
	}


	.sidebar-opened .sticky-header.fixed {	
		left: 260px;	
		transition: left 0.25s;	
	}	
	.main_table_grid .sticky-header.toolbox.fixed .toolbox-left {	
		margin-right: 0;	
	}	
}	


.form-login-toggle,
.form-coupon-toggle {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 24px;
}
.form-login-toggle a,
.form-coupon-toggle a {
	color: #222524;
}

.form-login-toggle {
	margin-bottom: 0.8rem;
}

.form-coupon-toggle {
	margin-bottom: 2.3rem;
}

.table-step-shipping {
	max-width: 600px;
}
.table-step-shipping tr td {
	padding: 1.8rem 1.5rem;
	border: 0;
	border-bottom: 1px solid #ccc;
}

.checkout-steps-action:after {
	display: block;
	clear: both;
	content: "";
}
.checkout-steps-action .btn {
	min-width: 70px;
	text-align: center;
}

.order-summary {
	margin-bottom: 3rem;
	padding: 3rem;
	border: 2px solid #e7e7e7;
}
.order-summary .custom-radio .custom-control-input {
	width: 102px;
}
.order-summary h3 {
	margin-bottom: 1.9rem;
	font-size: 1.6rem;
	letter-spacing: -0.01em;
}
.order-summary h4 {
	margin-bottom: 0;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 19px;
}
.order-summary .info-box p {
	padding: 11px 3px;
	list-style-position: inside;
	text-align: left;
	margin-bottom: 9px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #2f6473;
}

.table-mini-cart {
	margin-bottom: 0;
}
.table-mini-cart tr, .table-mini-cart th, .table-mini-cart td, .table-mini-cart thead th {
	border: 0;
	vertical-align: middle;
	color: #222529;
}
.table-mini-cart th, .table-mini-cart td {
	padding: 1rem;
}
.table-mini-cart td:last-child {
	text-align: right;
}
.table-mini-cart thead, .table-mini-cart tfoot tr {
	border-bottom: 1px solid #e7e7e7;
}
.table-mini-cart .product-col, .table-mini-cart .price-col {
	padding: 1.3rem 1rem 1.4rem;
}
.table-mini-cart .product-col .product-image-container {
	max-width: 75px;
	padding-right: 1.5rem;
	vertical-align: top;
}

.table-mini-cart .product-image{
	max-width: 10rem;
}

.table-mini-cart .price-col {
	font-size: 1.4rem;
	font-weight: 400;
}
.table-mini-cart .product-title {
	display: block;
	margin-bottom: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
}
.table-mini-cart .cart-subtotal th, .table-mini-cart .cart-subtotal td, .table-mini-cart .cart-tax th, .table-mini-cart .cart-tax td {
	padding-top: 3rem;
	padding-bottom: 1.3rem;
}
.table-mini-cart .order-shipping td {
	padding-top: 1.2rem;
	padding-bottom: 0.9rem;
}
.table-mini-cart .order-shipping h4 {
	margin-bottom: 1.3rem;
}
.table-mini-cart .order-shipping .custom-radio {
	margin: 0;
}
.table-mini-cart .order-shipping .custom-radio label {
	width: 100%;
	font-size: 1.3rem;
	font-weight: 400;
}
.table-mini-cart .order-shipping ul {
	margin-bottom: 2rem;
}
.table-mini-cart .order-shipping li + li {
	margin-top: 1.5rem;
}
.table-mini-cart .order-shipping .price {
	float: right;
	font-weight: 600;
}
.table-mini-cart .order-total th {
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}
.table-mini-cart .order-total td {
	padding-top: 1.8rem;
	padding-bottom: 2.3rem;
}
.table-mini-cart .order-total h4 {
	font-size: 1.6rem;
}
.table-mini-cart .order-total .total-price {
	color: #222529;
	font-size: 2.2rem;
}

.payment-methods {
	padding: 2rem 0.8rem 0;
	margin-bottom: 4.6rem;
	border-bottom: 1px solid #e7e7e7;
}
.payment-methods h4 {
	margin-bottom: 1.5rem;
}
.payment-methods ul {
	margin: 1.5rem 0 0;
}
.payment-methods .custom-radio {
	margin: 0;
}
.payment-methods li + li {
	margin-top: 1.5rem;
}

.btn-place-order {
	width: 100%;
	margin-bottom: 0.6rem;
	padding: 1.4rem;
	font-family: "Open Sans", sans-serif;
}

.login-form-container {
	padding-top: 3px;
	padding-bottom: 4px;
}

.login-form-container .feature-box,
.checkout-discount .feature-box {
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 2.9rem;
}
.login-form-container .feature-box .feature-box-content,
.checkout-discount .feature-box .feature-box-content {
	border-top: 4px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	padding: 1rem 2rem;
}
.login-form-container form,
.checkout-discount form {
	margin-bottom: 0;
	padding-top: 1.9rem;
	padding-bottom: 0.7rem;
}
.login-form-container form p,
.checkout-discount form p {
	margin-bottom: 1.6rem;
	font-size: 1.4rem;
}
.login-form-container form .btn,
.checkout-discount form .btn {
	margin-top: 1.8rem;
	padding: 0.9rem 4.7rem 1rem;
	letter-spacing: -0.01em;
	background-color: #f4f4f4;
	font-size: 1.3rem;
	font-family: "Open Sans", sans-serif;
}
.login-form-container form .btn:hover,
.checkout-discount form .btn:hover {
	background-color: #08C;
	color: #fff;
}
.login-form-container form .input-group,
.checkout-discount form .input-group {
	max-width: 480px;
}
.login-form-container .form-footer,
.checkout-discount .form-footer {
	margin-top: 1.4rem;
}
.login-form-container .custom-control,
.checkout-discount .custom-control {
	padding-left: 2.5rem;
}
.login-form-container .custom-control label,
.checkout-discount .custom-control label {
	font-size: 1.2rem;
}
.login-form-container .custom-control + a,
.checkout-discount .custom-control + a {
	margin-bottom: 3px;
	font-size: 14px;
	margin-left: 2rem;
}
.login-form-container h4,
.checkout-discount h4 {
	margin-bottom: 1rem;
	color: #777;
	font-family: "Open Sans", sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: -0.025em;
}
.login-form-container h4 .btn,
.checkout-discount h4 .btn {
	vertical-align: bottom;
	border: 0;
}
.login-form-container .btn-toggle,
.checkout-discount .btn-toggle {
	padding: 0;
	color: #222529;
	letter-spacing: -0.025em;
}

.checkout-discount .form-control {
	min-height: 33px;
}
.checkout-discount .form-control, .checkout-discount .input-group-append {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.checkout-discount h4 {
	margin-bottom: 2.6rem;
}
.checkout-discount p {
	font-size: 1.4rem;
}
.checkout-discount .feature-box {
	margin-bottom: 3.4rem;
}
.checkout-discount .feature-box .feature-box-content {
	padding-top: 2.9rem;
}
.checkout-discount form {
	padding-top: 1rem;
}
.checkout-discount form .input-group {
	max-width: 319px;
}
.checkout-discount form .btn {
	padding: 0 1rem 0 1.1rem;
	letter-spacing: -0.015em;
}

.checkout-info-box {
	margin-bottom: 3rem;
	font-size: 1.3rem;
	line-height: 2.7rem;
}
.checkout-info-box .step-title {
	margin-bottom: 1.8rem;
}

.checkout-container {
	padding-bottom: 7px;
}
.checkout-container .shipping-info {
	padding-bottom: 3px;
}
.checkout-container .select-custom .form-control {
	font-size: 1.4rem;
}
.checkout-container label {
	margin-bottom: 0.6rem;
	color: #777;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: -0.01em;
}
.checkout-container .checkout-discount .form-control {
	margin-right: 1.4rem;
	height: 33px;
	font-size: 1.2rem;
}
.checkout-container .checkout-discount .btn.btn-sm {
	height: 33px;
}
.checkout-container .step-title {
	letter-spacing: -0.01em;
}
.checkout-container select.form-control:not([size]):not([multiple]),
.checkout-container .form-control {
	height: 49px;
}
.checkout-container .select-custom,
.checkout-container .form-group {
	margin-bottom: 1.7rem;
}
.checkout-container .checkout-steps .custom-control-label::before, .checkout-container .checkout-steps .custom-control-label::after {
	top: 0px;
}
.checkout-container .checkout-steps .select-custom::after {
	top: 66%;
}
.checkout-container .custom-control {
	margin-top: 3.3rem;
	margin-bottom: 14px;
}
.checkout-container .order-comments {
	padding-top: 6px;
}
.checkout-container textarea.form-control {
	min-height: 125px;
}
.checkout-container .order-summary {
	padding: 2.8rem 3.2rem 3.1rem;
	margin-top: 1px;
}

.order-complete-container h4, .order-complete-container .address .title {
	font-size: 2rem;
	font-weight: 700;
	text-transform: none;
}

.cart-summary, .order-summary {
	position: relative;
}
.cart-summary:before, .order-summary:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	opacity: 0;
	visibility: hidden;
}
.cart-summary.loading:before, .order-summary.loading:before {
	opacity: 1;
	visibility: visible;
}

.stripe-container .error {
	opacity: 0;
	transform: translateY(10px);
	transition: 0.2s;
}
.stripe-container .error.visible {
	opacity: 1;
	transform: translateY(0);
}
.stripe-container .success {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	text-align: center;
	pointer-events: none;
	overflow: hidden;
}
.stripe-container .success .icon .border {
	stroke-dasharray: 251;
	stroke-dashoffset: 62.75;
	transform-origin: 50% 50%;
	transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
	animation: spin 1s linear infinite;
	stroke: #24b47e;
}
.stripe-container .success .icon .checkmark {
	stroke-dasharray: 60;
	stroke-dashoffset: 60;
	transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
	stroke: #24b47e;
}
.stripe-container.submitting .success {
	display: flex;
}
.stripe-container.submitting form, .stripe-container.submitting .success .title, .stripe-container.submitting .success .message {
	display: none;
}
.stripe-container.submitted form {
	display: none;
}
.stripe-container.submitted .success {
	display: flex;
}
.stripe-container.submitted .success .border {
	stroke-dashoffset: 0;
}
.stripe-container.submitted .success .checkmark {
	stroke-dashoffset: 0;
}

@media (max-width: 576px) {
	.checkout-container .order-summary {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@keyframes navItemArrow {
	0% {
		position: relative;
		right: -1px;
	}
	50% {
		position: relative;
		right: 3px;
	}
	100% {
		position: relative;
		right: -1px;
	}
}
.blog-section {
	padding-bottom: 1.6rem;
}

.post {
	margin-bottom: 4.1rem;
}
.post a {
	color: inherit;
}
.post a:hover, .post a:focus {
	text-decoration: underline;
}
.post .read-more {
	float: right;
}
.post .read-more i:before {
	margin: 0;
}

.post-media {
	position: relative;
	margin-bottom: 1.7rem;
	border-radius: 0;
	background-color: #ccc;
}
.post-media .prod-full-screen {
	display: flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	background-color: #08C;
	border-radius: 50%;
}
.post-media .prod-full-screen i {
	color: #fff;
}
.post-media:hover .prod-full-screen {
	opacity: 1;
}
.post-media .post-date {
	position: absolute;
	top: 1rem;
	left: 1rem;
	width: 4.5rem;
	padding: 1rem 0.8rem 0.8rem;
	color: #fff;
	background: #222529;
	font-family: Poppins, sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.post-media .day {
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}
.post-media .month {
	display: block;
	font-size: 1.12rem;
	line-height: 1;
	opacity: 0.6;
}
.post-media img {
	width: 100%;
}

.post-slider {
	margin-bottom: 3rem;
}
.post-slider .owl-dots {
	position: absolute;
	right: 0;
	bottom: 0.25rem;
	left: 0;
	margin: 0 !important;
}

.post-body {
	margin-left: 0;
	padding-bottom: 2.1rem;
	border: 0;
	line-height: 24px;
}
.post-body .post-date {
	width: 40px;
	margin-right: 10px;
	float: left;
	text-align: center;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.post-body .post-date .day {
	display: block;
	padding: 1.1rem 0.2rem;
	background-color: #f4f4f4;
	color: #08c;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.375;
}
.post-body .post-date .month {
	display: block;
	padding: 0.4rem 0.2rem 0.7rem;
	border-radius: 0 0 0.2rem 0.2rem;
	background-color: #08c;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.33;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
}

.post-title {
	margin-bottom: 1.3rem;
	color: #222529;
	font-family: "Open Sans", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.35;
}

.post-content {
	font-size: 1.3rem;
}
.post-content:after {
	display: block;
	clear: both;
	content: "";
}
.post-content p {
	margin-bottom: 7px;
}

.post-comment {
	color: #999;
	font-size: 1rem;
	text-transform: uppercase;
}

.post-meta > span {
	display: inline-block;
	margin-right: 1.5rem;
}
.post-meta i {
	margin-right: 0.5rem;
}
.post-meta i:before {
	margin: 0;
}

.single {
	margin-bottom: 2.3rem;
}
.single .post-media {
	margin-bottom: 3rem;
}
.single .post-meta {
	margin-bottom: 2rem;
	margin-left: 49px;
}
.single .post-meta a {
	color: #999;
	font-size: 1rem;
	text-transform: uppercase;
}
.single .post-title {
	margin-bottom: -8px;
	font-size: 3rem;
	color: #08C;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	line-height: 40px;
}
.single h3 {
	font-size: 2rem;
	font-weight: 600;
}
.single h3 i {
	margin-right: 7px;
	font-size: 2rem;
}
.single .post-share {
	margin-bottom: 2.4rem;
}
.single .post-share h3 {
	margin-bottom: 2.2rem;
	letter-spacing: -0.01em;
}
.single .post-content {
	margin-bottom: 5.7rem;
}
.single .post-content p {
	margin-bottom: 2rem;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
.single .post-content h3 {
	margin-bottom: 2rem;
	color: #21293c;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}
.single .social-icon {
	width: 29px;
	height: 29px;
}
.single .social-icon + .social-icon {
	margin-left: 0.8rem;
}

.post-share {
	display: flex;
	flex-direction: column;
	margin-bottom: 2.6rem;
	padding: 2.8rem 0;
}
.post-share h3 {
	margin-right: 2rem;
}
.post-share .social-icons {
	color: #fff;
}

.post-author {
	margin-bottom: 2.2rem;
	padding-bottom: 2.7rem;
}
.post-author:after {
	display: block;
	clear: both;
	content: "";
}
.post-author h3 {
	margin-bottom: 2rem;
	letter-spacing: -0.01em;
}
.post-author figure {
	max-width: 80px;
	margin-right: 2rem;
	margin-bottom: 0;
	float: left;
}
.post-author h4 {
	margin: 1rem;
	font-weight: 600;
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	color: #08C;
	font-family: "Open Sans", sans-serif;
}
.post-author .author-content {
	font-size: 1.3rem;
	line-height: 1.8;
}
.post-author .author-content p:last-child {
	margin-bottom: 0;
	line-height: 1.7;
}

.zoom-effect {
	position: relative;
	overflow: hidden;
}
.zoom-effect img {
	transition: transform 0.2s;
}
.zoom-effect:hover img {
	transform: scale(1.1, 1.1);
}

.post-date-in-media .post-media {
	margin-bottom: 1.9rem;
	overflow: hidden;
}
.post-date-in-media .post-media img {
	transition: transform 0.2s;
}
.post-date-in-media .post-media:hover img {
	transform: scale(1.1, 1.1);
}
.post-date-in-media .post-body {
	margin-left: 0;
	padding-bottom: 2rem;
	border: 0;
}
.post-date-in-media .post-title {
	margin-bottom: 0.7rem;
	font-size: 1.7rem;
	font-family: Poppins, sans-serif;
	font-weight: 700;
	letter-spacing: -0.005em;
}
.post-date-in-media p {
	font-size: 1.3rem;
	line-height: 1.846;
}
.post-date-in-media .post-comment {
	color: #999;
	font-size: 1rem;
	text-transform: uppercase;
}

.comment-respond h3 {
	margin-bottom: 2.9rem;
	letter-spacing: -0.01em;
}
.comment-respond h3 + p {
	margin-bottom: 2.6rem;
}
.comment-respond label {
	margin-bottom: 0.7rem;
	font-size: 1.4rem;
	font-family: "Open Sans", sans-serif;
}
.comment-respond .form-control {
	height: 37px;
}
.comment-respond .form-group {
	margin-bottom: 2rem;
}
.comment-respond form {
	margin-bottom: 0;
	padding: 3rem;
	background-color: #f5f5f5;
}
.comment-respond form p {
	margin-bottom: 2rem;
	line-height: 1.75;
}
.comment-respond form textarea {
	margin-top: 1px;
	min-height: 170px;
}
.comment-respond form .form-group-custom-control .custom-control-label {
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	line-height: 1.75;
	font-weight: 700;
	color: #222529;
}
.comment-respond .form-group-custom-control {
	padding-top: 1px;
}
.comment-respond .custom-control-label:before,
.comment-respond .custom-control-label:after {
	width: 13px;
	height: 13px;
}
.comment-respond .custom-checkbox .custom-control-label:after {
	top: 2px;
	left: 1px;
	font-weight: 300;
	font-size: 1.2rem;
}
.comment-respond .custom-control-label:before,
.comment-respond .custom-control-label:after {
	top: 5px;
	left: 0;
	width: 13px;
	height: 13px;
	line-height: 2rem;
}
.comment-respond .custom-control {
	padding-left: 2.2rem;
}
.comment-respond .btn-sm {
	letter-spacing: 0.01em;
}

.related-posts {
	padding-top: 3.2rem;
	margin-bottom: 5rem;
}
.related-posts h4 {
	margin-bottom: 1.4rem;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.related-posts .post {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.related-posts .post p {
	margin-bottom: 1rem;
}
.related-posts .post-body {
	padding-bottom: 0;
	border-bottom: 0;
}
.related-posts .post-media {
	margin-bottom: 2rem;
}
.related-posts .post-title {
	color: #0077b3;
	margin-bottom: 1rem;
	font-size: 16.8px;
}
.related-posts .post-content {
	margin-left: 55px;
}
.related-posts .read-more {
	float: left;
	color: #222529;
	font-size: 12.6px;
	font-weight: 600;
}

.sidebar {
	position: relative;
	height: 100%;
	font-size: 1.3rem;
}
.sidebar .widget {
	margin-bottom: 3.1rem;
}
.sidebar .sidebar-wrapper {
	padding-bottom: 4.2rem;
}
.sidebar .sidebar-wrapper .widget:last-child {
	margin-bottom: 0;
	padding-bottom: 3rem;
}

.widget-post .widget-title {
	margin-bottom: 1.7rem;
}

.widget-title {
	margin: 0.5rem 0 1.3rem;
	color: #313131;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.widget form {
	margin-bottom: 0;
}

.list {
	padding: 0;
	list-style: none;
	font-size: 1.3rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin-top: -8px;
	margin-bottom: 0;
}
.list li {
	display: block;
	position: relative;
	margin: 0;
	padding: 6px 0 6px 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	line-height: 24px;
}
.list li:before {
	content: "";
	position: relative;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: -11px;
	margin-right: 6px;
	font-size: 7.2px;
	opacity: 0.7;
	vertical-align: middle;
}
.list li:hover::before {
	animation: navItemArrow 0.6s linear infinite;
}
.list li a {
	color: inherit;
}
.list li:first-child {
	border-top-width: 0;
}
.list .list {
	margin-top: 5px;
	margin-bottom: -6px;
	border-bottom: none;
}
.list .list li:first-child {
	border-top-width: 1px;
}

.widget.widget-categories .widget-title {
	margin-top: 1px;
	margin-bottom: 1.8rem;
}

.tagcloud:after {
	display: block;
	clear: both;
	content: "";
}
.tagcloud a {
	margin: 0.4rem 0.4rem 0.4rem 0;
	padding: 0.4rem 0.8rem;
	line-height: 1;
	display: inline-block;
	text-decoration: none;
	font-size: 10.5px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 10px;
	background-color: #222529;
	color: #fff;
}

.simple-post-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.simple-post-list li {
	padding-bottom: 15px;
}
.simple-post-list li:after {
	display: block;
	clear: both;
	content: "";
}
.simple-post-list li:last-child {
	padding-top: 15px;
	border-top: 1px dotted #ececec;
}
.simple-post-list .post-media {
	width: 5rem;
	margin: 0 1rem 0 0;
	float: left;
	border-radius: 0;
	line-height: 0;
}
.simple-post-list .post-media img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
}
.simple-post-list .post-info a {
	display: inline-block;
	margin-bottom: 2px;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #08C;
}
.simple-post-list .post-info a:hover {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}
.simple-post-list .post-info .post-meta {
	letter-spacing: 0.01em;
	font-size: 1.1rem;
}

.comment-list {
	padding-bottom: 4px;
}

.comments {
	position: relative;
}
.comments .img-thumbnail {
	position: absolute;
	top: 0;
	padding: 0;
	border: 0;
}
.comments .comment-block {
	padding: 2rem 2rem 3.5rem;
	margin-left: 11.5rem;
	position: relative;
}
.comments .comment-block p {
	font-size: 0.9em;
	line-height: 21px;
	margin: 0;
	padding: 0;
}
.comments .comment-block .date {
	color: #999;
	font-size: 0.9em;
}
.comments .comment-by {
	display: block;
	padding: 0 0 4px 0;
	margin: 0;
	font-size: 1.3rem;
	line-height: 21px;
	letter-spacing: -0.005em;
	color: #999;
}
.comments .comment-by strong {
	font-size: 1.4rem;
	letter-spacing: 0.005em;
	color: #7b858a;
}
.comments .comment-footer {
	margin-top: 5px;
}
.comments .comment-arrow {
	position: absolute;
	left: -15px;
	height: 0;
	top: 28px;
	width: 0;
	border-bottom: 15px solid transparent;
	border-top: 15px solid transparent;
	border-right: 15px solid #f4f4f4;
}
.comments .comment-action {
	color: var(--primary-color);
}

@media (max-width: 991px) {
	.sidebar.mobile-sidebar {
		position: fixed;
	}
}
@media (max-width: 767px) {
	.comment-respond .form-footer {
		margin-bottom: 3rem;
	}
}
@media (max-width: 767px) {
	.comment-respond .form-footer {
		margin-bottom: 2rem;
	}
}
@media (max-width: 575px) {
	.comment-respond form {
		padding: 1.5rem;
	}
}
#map {
	height: 500px;
	margin-bottom: 5rem;
	background-color: #e5e3df;
}
#map address {
	margin: 0;
	padding: 0.625rem 0.875rem;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}
#map a {
	display: inline-block;
	margin-top: 0.8rem;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.contact-us-container {
	padding-bottom: 6px;
}
.contact-us-container h2 {
	font-size: 2.4rem;
	letter-spacing: -0.0425em;
}
.contact-us-container p {
	letter-spacing: -0.025em;
	line-height: 2;
}
.contact-us-container label {
	color: #777;
	font-size: 1.4rem;
	font-weight: 500;
}
.contact-us-container input {
	border-color: #ebebeb;
}
.contact-us-container .form-group {
	margin-bottom: 1.8rem;
}
.contact-us-container .form-footer {
	margin-top: -2px;
}
.contact-us-container .btn {
	font-family: "Open Sans", sans-serif;
}
.contact-us-container .contact-info {
	border-bottom: 1px solid #eee;
}
.contact-us-container .required {
	color: #ff7272;
}

.contact-info {
	padding-top: 0.5rem;
}
.contact-info > div {
	margin-bottom: 2.9rem;
}
.contact-info .col-12 {
	margin-bottom: 4.7rem;
}
.contact-info .feature-box .sicon-location-pin {
	margin-top: -2px;
}
.contact-info .feature-box i {
	margin-bottom: 1.8rem;
	font-size: 4.5rem;
}
.contact-info .feature-box h3 {
	margin-bottom: 0.4rem;
	font-size: 2rem;
	letter-spacing: -0.025em;
	text-transform: none;
	font-weight: 700;
}
.contact-info .feature-box h5 {
	color: #777;
	font-weight: 400;
	letter-spacing: -0.025em;
}

.dashboard-content .btn-link {
	display: inline;
	padding: 0;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	vertical-align: top;
	white-space: normal;
}
.dashboard-content p {
	line-height: 1.75;
}
.dashboard-content p:first-child {
	margin-top: -0.2rem;
	margin-bottom: 2.4rem;
}
.dashboard-content .feature-box {
	padding-top: 3.5rem;
	margin-bottom: 2rem;
	border: 2px solid #e7e7e7;
}
.dashboard-content .feature-box i {
	margin-bottom: 2.5rem;
	color: #d3d3d4;
	font-size: 6rem;
	transition: transform 0.35s;
}
.dashboard-content .feature-box:hover i {
	transform: scale(1.15);
	transition: transform 0.35s;
}

.widget-dashboard h2 {
	margin-top: -1px;
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
}
.widget-dashboard .nav-item:last-child {
	margin-right: 3.5rem;
}
.widget-dashboard .list {
	border-bottom: none;
}
.widget-dashboard .list a {
	padding: 1rem 0 1.1rem;
	color: #777;
	letter-spacing: -0.025em;
	font-size: 1.4rem;
}
.widget-dashboard .list a:hover, .widget-dashboard .list a:focus {
	background: transparent;
}
.widget-dashboard .list a.active {
	color: #222524;
	font-weight: 700;
}
.widget-dashboard li:last-child a {
	border-bottom: 0;
}
.widget-dashboard li {
	padding: 8px 0 8px 0;
}
.widget-dashboard li:before {
	display: none;
}

.account-container {
	margin-top: 4.2rem;
	margin-bottom: 4rem;
}

.nav-tabs.list .nav-item {
	padding: 0;
}
.nav-tabs.list .nav-item .nav-link {
	padding: 1.3rem 0 1.5rem;
	font-family: "Open Sans", sans-serif;
	text-transform: capitalize;
	font-size: 1.4rem;
	border: none;
}
.nav-tabs.list .nav-item .nav-link:not(.active) {
	font-weight: 400;
	color: #777;
}
.nav-tabs.list .nav-item .nav-link.address, .nav-tabs.list .nav-item .nav-link.active {
	font-weight: 700;
	color: #222529;
}

@media (max-width: 575px) {
	.dashboard-content .feature-box h3 {
		font-size: 1.3rem;
	}
}
.account-content {
	margin-top: 2.1rem;
}
.account-content label {
	margin-bottom: 0.7rem;
	color: #777;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
}
.account-content form {
	margin-bottom: 4px;
}
.account-content .form-input {
	margin-bottom: 1.7rem;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	border-color: #e7e7e7;
	line-height: 32px;
}
.account-content .form-group {
	margin-bottom: 1.7rem;
}
.account-content .form-group p {
	font-size: 1.3rem;
	margin-top: 3px;
}
.account-content .form-control {
	padding-top: 2px;
	padding-left: 1.2rem;
	font-size: 1.4rem;
	height: 50px;
	border-color: rgba(0, 0, 0, 0.09);
	letter-spacing: -0.015em;
}
.account-content .btn {
	font-family: "Open Sans", sans-serif;
	font-size: 1.5rem;
}

.change-password {
	padding: 2.6rem 3rem 2.2rem;
	border: 2px solid #e7e7e7;
}
.change-password h3 {
	font-size: 1.6rem;
	font-family: "Open Sans", sans-serif;
}
.change-password .btn {
	padding: 1.6rem 4.5rem 1.5rem;
	letter-spacing: -0.02em;
}

.address h3 {
	font-size: 1.8rem;
}
.address .title {
	margin-bottom: 2.9rem;
}
.address label {
	margin-bottom: 1.1rem;
}
.address .form-control {
	height: 37px;
}
.address h4 {
	font-size: 1.7rem;
	letter-spacing: -0.016em;
}
.address .heading {
	margin-bottom: 6px;
}
.address .address-action {
	padding: 0.8rem 2.3rem 0.7rem;
	background: #f4f4f4;
	color: #222524;
	font-family: "Open Sans", sans-serif;
}
.address .address-action:hover {
	background-color: #08C;
	color: #fff;
}
.address select.form-control:not([size]):not([multiple]) {
	height: 37px;
}
.address .select-custom {
	margin-bottom: 1.7rem;
}
.address .select-custom::after {
	top: 72%;
	right: 1.5rem;
}
.address .form-control {
	line-height: 1.5;
}
.address.account-content h4 {
	font-size: 1.4rem;
	letter-spacing: 0;
}

.address-box {
	display: inline-block;
	position: relative;
	margin-bottom: 2.9rem;
	width: 100%;
	transition: 0.3s border-color;
	font-size: 1.4rem;
	line-height: 3rem;
	vertical-align: top;
	word-wrap: break-word;
}

.order-table-container .btn,
.order-detail-container .btn,
.download-table-container .btn {
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 400;
}

.custom-account-container {
	margin-bottom: 5.6rem;
}

.download-table-container {
	padding-top: 3px;
}
.download-table-container p {
	margin-bottom: 3.9rem;
}
.download-table-container .btn {
	padding: 9px 24px 8px;
	background-color: #f4f4f4;
	color: #222529;
	border: none;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
}
.download-table-container .btn:hover {
	color: #fff;
	background-color: #08C;
}

.order-table-container .btn-dark {
	min-width: 200px;
	padding: 16px 0 15px;
	font-size: 15px;
	letter-spacing: -0.015em;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
}

.account-sub-title {
	margin-top: 0.6rem;
	margin-bottom: 1.5rem;
	font-size: 2.2rem;
	letter-spacing: -0.01em;
}
.account-sub-title i {
	font-size: 3.5rem;
	color: #d3d3d4;
}

.table.table-order,
.table.table-downloads {
	margin-bottom: 1px;
	font-size: 14px;
}
.table.table-order thead th,
.table.table-downloads thead th {
	border-top: none;
	border-bottom-width: 1px;
	padding: 1.3rem 1rem;
	font-weight: 700;
	color: #222524;
}
.table.table-order tbody td,
.table.table-downloads tbody td {
	vertical-align: middle;
}

.order-old-price, .product-old-count {
	font-size: 0.9em;
	text-decoration: line-through;
}

.order-new-price {
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.7);
}

.product-new-count {
	text-decoration: underline;
}

.order-info {
	font-size: 1.4rem;
}
.order-info .order-id,
.order-info .order-date,
.order-info .order-status {
	color: #000;
}

.order-detail-container .title {
	font-size: 1.8rem;
	font-weight: 400;
	text-transform: uppercase;
}

.table.table-order-detail th {
	font-weight: 600;
}
.table.table-order-detail th, .table.table-order-detail td {
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 24px;
}
.table.table-order-detail thead th {
	border: none;
}
.table.table-order-detail .product-title {
	display: inline;
	color: #08C;
	font-size: 1.4rem;
	font-weight: 400;
}
.table.table-order-detail .product-count {
	color: #08C;
}

.order-update {
	padding: 2rem;
	background-color: #f5f7f7;
}
.order-update + .order-update {
	margin-top: 1rem;
}
.order-update .order-update-time {
	font-weight: 700;
}
.order-update p {
	margin-bottom: 0;
	font-weight: 300;
}

.order-detail-container address {
	margin-bottom: 2rem;
	line-height: 1.75;
}
.order-detail-container address p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.table.table-order thead {
		display: none;
	}

	.table.table-order td {
		display: block;
		border-top: none;
		text-align: center;
	}
	.table.table-order .product-thumbnail img {
		display: inline;
	}
	.table.table-order tbody tr {
		position: relative;
		display: block;
		padding: 10px 0;
	}
	.table.table-order tbody tr:not(:first-child) {
		border-top: 1px solid #ddd;
	}
	.table.table-order .product-remove {
		position: absolute;
		top: 12px;
		right: 0;
	}
}
.wishlist-title {
	margin-top: 5.3rem;
	margin-bottom: 2.8rem;
}

.wishlist-table-container {
	margin-bottom: 5.5rem;
}
.wishlist-table-container .table-title {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: -0.7px;
	line-height: 1.42857;
	text-transform: uppercase;
}
.wishlist-table-container .btn {
	height: 42px;
	width: auto;
	padding: 0 25px !important;
	font-size: 13px;
	line-height: 42px;
	text-indent: 0;
}
.wishlist-table-container .btn-quickview {
	margin-right: 6px;
	background: #f4f4f4;
	color: #222529;
	font-family: "Open Sans", sans-serif;
}
.wishlist-table-container .btn-quickview:hover {
	background-color: #08C;
	color: #fff;
}
.wishlist-table-container .btn-shop {
	font-weight: 600;
	text-transform: uppercase;
	min-width: 160px;
}

.table.table-wishlist tr th {
	padding: 10px 5px 10px 16px;
}
.table.table-wishlist tr th.thumbnail-col {
	width: 10%;
}
.table.table-wishlist tr th.product-col {
	width: 29%;
}
.table.table-wishlist tr th.price-col {
	width: 13%;
}
.table.table-wishlist tr th.status-col {
	width: 19%;
}
.table.table-wishlist tr td {
	padding: 20px 5px 23px 16px;
}
.table.table-wishlist .product-price {
	color: inherit;
	font-size: 1.4rem;
	font-weight: 400;
}
.table.table-wishlist .price-box {
	margin-bottom: 0;
}
.table.table-wishlist .stock-status {
	color: #222529;
	font-weight: 600;
}

.box-content .table-wishlist,
.box-content .table-cart {
	margin-bottom: 15px;
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1em;
}
.box-content .table-wishlist .wishlist-empty,
.box-content .table-cart .wishlist-empty {
	margin-bottom: 1rem;
	text-align: center;
}
.box-content .btn-go-shop {
	padding: 16px 0;
	margin-top: 2rem;
	border: none;
	text-transform: uppercase;
	text-align: center;
	min-width: 200px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.015em;
	background-color: #353a40;
	color: #fff;
}
.box-content .btn-go-shop:hover {
	background-color: #08C;
	color: #fff;
}

i.cart-empty,
i.wishlist-empty {
	font-size: 100px;
	color: #d3d3d4;
}

@media (max-width: 1199px) {
	.wishlist-table-container .btn {
		width: 100%;
	}
	.wishlist-table-container .btn:first-child {
		margin-bottom: 1rem;
	}
}
@media (max-width: 767px) {
	.wishlist-table-container {
		border-top: 4px solid #08C;
	}

	.table.table-wishlist {
		border: 1px solid #e7e7e7;
		border-top: 0;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
	}
	.table.table-wishlist,
	.table.table-wishlist tbody {
		display: block;
	}
	.table.table-wishlist thead {
		display: none;
	}
	.table.table-wishlist tr td {
		padding: 0.5rem 1rem;
		border-top: 0;
	}
	.table.table-wishlist tr td.product-col {
		padding-bottom: 0.5rem;
	}
	.table.table-wishlist .product-row {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 3rem 0;
		border-top: 2px solid #ddd;
	}
	.table.table-wishlist .product-row:first-child {
		border-top: 0;
	}
	.table.table-wishlist .product-col {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.table.table-wishlist .product-col .product-image-container {
		flex: 0 0 auto;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.table.table-wishlist .btn-shop {
		width: 100%;
	}
}
.login-container {
	margin-top: 3.9rem;
}
.login-container .heading .title {
	margin-bottom: 0;
	font-size: 2.2rem;
	letter-spacing: -0.01em;
}
.login-container .custom-checkbox .custom-control-label:after {
	top: 1px;
}
.login-container form {
	margin-bottom: 64px;
}
.login-container form label {
	margin-bottom: 0.7rem;
	color: #777;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
}
.login-container form .form-input {
	margin-bottom: 1.7rem;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	border-color: #e7e7e7;
	line-height: 32px;
}
.login-container form .btn {
	font-family: "Open Sans", sans-serif;
	font-size: 1.6rem;
}
.login-container form .form-footer {
	margin-top: 1.8rem;
	margin-bottom: 2.8rem;
}
.login-container .custom-checkbox {
	margin-top: 1px;
	padding-left: 2.5rem;
}
.login-container .custom-checkbox .custom-control-label {
	margin-top: 2px;
	font-size: 1.2rem;
}
.login-container .forget-password {
	font-size: 1.4rem;
	font-weight: 600;
}
.login-container .forget-password:hover {
	text-decoration: underline;
}
.login-container .col-md-6:first-child .form-footer {
	margin-top: 1.3rem;
}

.reset-password-container {
	padding-top: 3.9rem;
	padding-bottom: 3rem;
}
.reset-password-container .form-control {
	height: 37px;
}
.reset-password-container .feature-box .feature-box-content {
	padding-bottom: 31px;
}
.reset-password-container p {
	margin-bottom: 1.7rem;
	font-size: 1.4rem;
	line-height: 1.75;
}
.reset-password-container label {
	margin-bottom: 0.7rem;
	color: inherit;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
}
.reset-password-container input {
	line-height: 1.5;
}
.reset-password-container .form-footer {
	margin-top: 1.5rem;
}
.reset-password-container .form-footer a {
	margin-top: 5px;
	font-size: 1.4rem;
}
.reset-password-container .form-footer a:hover {
	text-decoration: underline;
}
.reset-password-container .form-footer .btn {
	padding: 0.8rem 1.2rem;
	font-family: "Open Sans", sans-serif;
	font-size: 1.4rem;
	line-height: 21px;
}

@media (min-width: 768px) {
	.login-container .col-md-6:first-child {
		padding-right: 3.4rem;
	}
	.login-container .col-md-6:last-child {
		padding-left: 3.4rem;
	}
}
@media (max-width: 767px) {
	.login-container form {
		margin-bottom: 50px;
	}
}

/* =============================================================
   Secciones estilo demo18 sobre el kit13 (PEGAR AL FINAL DE custom.css)
   Reusa las variables de color que ya inyecta el motor desde BD.
   Solo se agregan los 3 contenedores de sección que faltaban;
   feature-box / feature-box-content / info-box ya existen en main.css.
   ============================================================= */

/* --- Feature boxes (tira de confianza) --- */
.feature-boxes-container {
    padding: 2.5rem 0 1rem;
}
.feature-box-simple {
    padding: 1rem;
}
.feature-box-simple .feature-box-icon i {
    font-size: 3.4rem;
    line-height: 1;
    color: var(--primary-color);
}
.feature-box-simple h3 {
    margin-top: .75rem;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-size: 1.5rem;
}
.feature-box-simple h5 {
    color: var(--secondary-color);
    font-weight: 600;
}
.feature-box-simple p {
    font-size: 1.25rem;
    color: #777;
}

/* --- Explore CTA (banner ancho) --- */
.explore-section {
    background-color: var(--primary-color);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5rem 0;
    position: relative;
}
.explore-section::before {           /* velo para legibilidad si hay imagen de fondo */
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    pointer-events: none;
}
.explore-section .container {
    position: relative;
    z-index: 1;
}
.explore-section h3 {
    letter-spacing: -.025em;
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
}

/* --- Contenedor de banner promocional (por si lo usas para el hover ancho) --- */
.product-banner-section {
    margin-bottom: 1rem;
}
/* =============================================================
   Secciones estilo demo18 sobre el kit13 (PEGAR AL FINAL DE custom.css)
   Reusa las variables de color que ya inyecta el motor desde BD.
   Solo se agregan los 3 contenedores de sección que faltaban;
   feature-box / feature-box-content / info-box ya existen en main.css.
   ============================================================= */

/* --- Feature boxes (tira de confianza) --- */
.feature-boxes-container {
    padding: 2.5rem 0 1rem;
}
.feature-box-simple {
    padding: 1rem;
}
.feature-box-simple .feature-box-icon i {
    font-size: 3.4rem;
    line-height: 1;
    color: var(--primary-color);
}
.feature-box-simple h3 {
    margin-top: .75rem;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-size: 1.5rem;
}
.feature-box-simple h5 {
    color: var(--secondary-color);
    font-weight: 600;
}
.feature-box-simple p {
    font-size: 1.25rem;
    color: #777;
}

/* --- Explore CTA (banner ancho) --- */
.explore-section {
    background-color: var(--primary-color);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5rem 0;
    position: relative;
}
.explore-section::before {           /* velo para legibilidad si hay imagen de fondo */
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    pointer-events: none;
}
.explore-section .container {
    position: relative;
    z-index: 1;
}
.explore-section h3 {
    letter-spacing: -.025em;
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
}

/* --- Contenedor de banner promocional (por si lo usas para el hover ancho) --- */
.product-banner-section {
    margin-bottom: 1rem;
}

/* =============================================================
   HERO full-bleed estilo demo18
   El slider se sale de los gutters del container y ocupa todo el
   ancho de la pantalla. La altura se controla con --hero-h; las
   imágenes llenan el área con object-fit: cover (sin deformarse).
   ============================================================= */
:root {
    --hero-h: 560px;        /* Opción A (banner desktop 1920×760) — ajusta si cambias el ratio */
    --hero-h-mobile: 480px; /* Opción A (banner móvil 1080×1350) */
}

.home-slider {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);   /* full-bleed: rompe el ancho del container */
    margin-right: calc(50% - 50vw);
    margin-bottom: 0 !important;
    overflow: hidden;
}

.home-slider .home-slide {
    position: relative;
}

.home-slider .slide-bg {
    width: 100%;
    height: var(--hero-h);
    object-fit: cover;               /* llena todo el ancho sin deformar la imagen */
    object-position: center;
    display: block;
}

@media (max-width: 991.98px) {
    .home-slider .slide-bg { height: var(--hero-h-mobile); }
}

/* Dots centrados abajo (demo18) */
.home-slider .owl-dots {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}
.home-slider .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, .6);
}
.home-slider .owl-dots .owl-dot.active span,
.home-slider .owl-dots .owl-dot:hover span {
    background: #fff;
}

/* Flechas de navegación más visibles sobre la imagen */
.home-slider .owl-nav [class*="owl-"] {
    opacity: .9;
}

/* Evita scroll horizontal por el ancho 100vw (por el ancho del scrollbar).
   IMPORTANTE: usar 'clip' y NO 'hidden'. Con 'overflow-x: hidden' el navegador
   calcula 'overflow-y: auto', y .page-wrapper se vuelve un contenedor con scroll
   que ATRAPA los desplegables absolutos del header (megamenú, selector de bodega),
   mostrándolos dentro de una caja con scroll vertical en vez de flotando.
   'clip' evita el scroll horizontal SIN forzar el overflow-y. */
.page-wrapper {
    overflow-x: clip;
}

/* =============================================================
   HOME "Interfaz Clara" (mockup del cliente)
   ============================================================= */

/* --- Sección de productos con sidebar --- */
.ecom-home-shop {
    padding: 2.5rem 0 1.5rem;
}
.ecom-cat-sidebar {
    border-right: 1px solid #eee;
}
.ecom-cat-title {
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
}
.ecom-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ecom-cat-list li a {
    display: inline-block;
    padding: .35rem 0;
    color: #333;
    font-size: 1.3rem;
}
.ecom-cat-list li a:hover {
    color: var(--primary-color);
}
.ecom-cat-raiz { font-weight: 600; }
.ecom-cat-raiz > a { display: block; }

/* Toggle del acordeón (raíz con hijas): indicador +/- a la derecha */
.ecom-cat-toggle {
    position: relative;
    padding-right: 1.6rem !important;
    cursor: pointer;
}
.ecom-cat-toggle::after {
    content: "\002B";              /* + */
    position: absolute;
    right: 0;
    top: .35rem;
    font-size: 1.4rem;
    line-height: 1;
    color: #aaa;
}
.ecom-cat-toggle:not(.collapsed)::after {
    content: "\2212";              /* − (cuando está abierto) */
}

/* Sub-categorías (hijas) desplegables */
.ecom-cat-sub {
    list-style: none;
    padding-left: 1.4rem;
    margin: .1rem 0 .4rem;
}
.ecom-cat-sub li a {
    display: block;
    padding: .25rem 0;
    color: #777;
    font-size: 1.15rem;
}
.ecom-cat-sub li a:hover { color: var(--primary-color); }

/* Categorías extra: ocultas hasta pulsar "Ver más" */
.ecom-cat-extra { display: none; }

/* Botón "Ver más categorías" */
.ecom-cat-vermas { list-style: none; }
.ecom-cat-vermas-btn {
    display: inline-block;
    margin-top: .6rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary-color) !important;
    cursor: pointer;
}

/* Botón "Cargar más" */
.ecom-btn-cargar {
    border-radius: 30px;
    padding: .8rem 2.4rem;
    text-transform: none;
}

/* --- Tarjeta híbrida limpia --- */
.ecom-card-clean {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: .6rem;
    margin-bottom: 1.5rem;
    transition: box-shadow .2s ease, transform .2s ease;
}
.ecom-card-clean:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}
.ecom-card-clean figure {
    position: relative;
    margin: 0 0 .6rem;
}
.ecom-card-clean figure img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}
/* Swap de imagen al hover (image_1 -> image_2) */
.ecom-card-clean figure img + img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease;
}
.ecom-card-clean:hover figure img + img {
    opacity: 1;
}
.ecom-card-clean .ecom-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ecom-card-clean .product-category {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #999;
}
.ecom-card-clean .btn-icon-wish {
    color: #bbb;
    font-size: 1.5rem;
    line-height: 1;
}
.ecom-card-clean .btn-icon-wish.added-wishlist,
.ecom-card-clean .btn-icon-wish:hover {
    color: var(--secondary-color);
}
.ecom-card-clean .product-title {
    margin: .3rem 0 .5rem;
    font-size: 1.3rem;
    font-weight: 500;
}
.ecom-card-clean .product-title a { color: #222; }
.ecom-card-clean .price-box {
    margin: 0;
}
.ecom-card-clean .product-price {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.5rem;
}
.ecom-card-clean .old-price {
    color: #bbb;
    text-decoration: line-through;
    font-size: 1.2rem;
    margin-right: .4rem;
}
.ecom-card-clean .ecom-card-extra {
    display: flex;
    flex-direction: column;
    margin-top: .3rem;
}
.ecom-card-clean .ecom-card-box {
    font-size: 1.05rem;
    color: #555;
}
.ecom-card-clean .ecom-card-stock {
    font-size: 1rem;
    color: #2e7d32;
}
.ecom-card-clean .product-label.label-sale {
    position: absolute;
    top: 8px;
    left: 8px;
    background: var(--secondary-color);
    color: #fff;
    font-size: 1.1rem;
    padding: .2rem .6rem;
    border-radius: 4px;
}

/* --- Banner de marca / promo full-bleed (DI VALENTINI) --- */
.ecom-promo-section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 1.5rem;
}
.ecom-promo-banner {
    display: block;
}
.ecom-promo-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* --- Lo más vendido --- */
.ecom-mas-vendido {
    padding: 2rem 0 3rem;
}
.ecom-section-title {
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 1.9rem;
    margin-bottom: 1.8rem;
    position: relative;
}

/* =============================================================
 * TIENDA BLANK — CSS adicional
 * Pegar al final de custom.css de la librería externa.
 *
 * TODO el bloque de CSS que tenía el onScriptInit del grid
 * (.scGridFieldOdd, .scGridTabela, #main_table_grid,
 * #sc_grid_toobar_top_tr, .scGridLabel, #slector-personalizado...)
 * se puede borrar: no queda ningún elemento de ScriptCase en la página.
 *
 * OJO — NO copiar la regla `.select-custom:after { display: none; }`
 * que estaba en el grid. Existía porque el <aside> del sidebar llevaba
 * la clase `select-custom` sin tener ningún select adentro y el tema le
 * pintaba su chevron encima. En la blank se le sacó la clase al <aside>,
 * así que esa regla ya no hace falta — y si se copia, deja sin flecha a
 * los selects de "Ordenar por" y "Mostrar".
 * ============================================================= */


/* =============================================================
 * PAGINADOR
 * -------------------------------------------------------------
 * main.css trae .toolbox-pagination / .pagination / .page-item /
 * .page-link, pero con tres detalles que se ven mal acá:
 *
 *   span.page-link  { border: 0 }   -> la página ACTIVA sin caja
 *   .page-link-btn  { border: 0 }   -> las flechas sin caja
 *   .page-item.disabled { display: none } -> la flecha del extremo
 *       desaparece y el bloque cambia de ancho al cambiar de página
 *
 * Los tres se corrigen acá, con el prefijo .toolbox-pagination para no
 * tocar la paginación de ninguna otra pantalla.
 * ============================================================= */

.toolbox-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1.5rem;
	border-top: 1px solid #ececec;
	padding-top: 2rem;
}

.toolbox-pagination .ecom-pag-info {
	color: #8a8a8a;
	font-size: 1.3rem;
	margin: 0;
}

.toolbox-pagination .ecom-pagination {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	list-style: none;
}

/* Anula el .page-item:not(:first-child) { margin-left: .5rem } del tema:
   ahora la separación la da el gap del flex. */
.toolbox-pagination .ecom-pagination .page-item {
	margin: 0;
}

/* La caja base, igual para números, flechas y puntos suspensivos. El
   selector lleva la clase propia para ganarle a `span.page-link` y a
   `.page-link-btn`, que en el tema van sin borde. */
.toolbox-pagination .ecom-page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 3.8rem;
	height: 3.8rem;
	padding: 0 1rem;
	border: 1px solid #e2e2e2;
	border-radius: 0.4rem;
	background: #fff;
	color: #555;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: border-color 0.18s, color 0.18s, background-color 0.18s;
}

.toolbox-pagination a.ecom-page-link:hover,
.toolbox-pagination a.ecom-page-link:focus {
	border-color: var(--primary-color);
	color: var(--primary-color);
	background: #fff;
	box-shadow: none;
}

/* Página actual: sólida, no solo un borde de color. Es el único
   elemento que no se puede clickear, así que conviene que se lea
   distinto de un vistazo. */
.toolbox-pagination .page-item.active .ecom-page-link {
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: #fff;
	cursor: default;
}

/* Flechas */
.toolbox-pagination .ecom-pag-arrow .ecom-page-link {
	padding: 0;
}

.toolbox-pagination .ecom-pag-arrow i {
	font-size: 1.8rem;
	line-height: 1;
}

/* Extremos: visibles pero apagados, para que el bloque no cambie de
   ancho entre la página 1 y la 2. La clase es propia y no `.disabled`
   justamente para esquivar el `.page-item.disabled { display: none }`
   del tema; el display explícito es por si alguien la agrega después. */
.toolbox-pagination .page-item.ecom-pag-off {
	display: block;
}

.toolbox-pagination .ecom-pag-off .ecom-page-link {
	border-color: #f0f0f0;
	color: #cfcfcf;
	pointer-events: none;
}

/* Puntos suspensivos: sin caja, solo el separador. */
.toolbox-pagination .ecom-pag-dots .ecom-page-link {
	min-width: 1.8rem;
	padding: 0;
	border-color: transparent;
	background: transparent;
	color: #b5b5b5;
	letter-spacing: 0.1em;
}

/* Indicador compacto: solo en móvil (ver media query). */
.toolbox-pagination .ecom-pag-movil {
	display: none;
}

@media (max-width: 767px) {
	.toolbox-pagination {
		justify-content: center;
		gap: 1rem;
	}

	.toolbox-pagination .ecom-pag-info {
		width: 100%;
		text-align: center;
		order: 2;
	}

	.toolbox-pagination .ecom-pagination {
		order: 1;
		justify-content: center;
	}

	/* En pantalla chica la tira de números no entra: se cambia por
	   "Página 3 de 50" entre las dos flechas. */
	.toolbox-pagination .ecom-pag-num {
		display: none;
	}

	.toolbox-pagination .ecom-pag-movil {
		display: block;
	}

	.toolbox-pagination .ecom-pag-movil .ecom-page-link {
		border-color: transparent;
		font-weight: 500;
		color: #777;
		cursor: default;
	}
}


/* =============================================================
 * TOOLBOX SUPERIOR (ordenar / mostrar / cuadrícula-lista)
 * ============================================================= */

.toolbox:not(.toolbox-pagination) .select-custom {
	margin-bottom: 0;
}

.toolbox .select-custom .form-control {
	height: 3.6rem;
	border: 1px solid #e2e2e2;
	border-radius: 0.4rem;
	font-size: 1.3rem;
	color: #555;
	cursor: pointer;
}

.toolbox .select-custom .form-control:focus {
	border-color: var(--primary-color);
	box-shadow: none;
}

.toolbox-show .select-custom .form-control {
	min-width: 8rem;
}

.toolbox .layout-btn {
	font-size: 1.8rem;
}


/* =============================================================
 * SIDEBAR + ESTADO VACÍO
 * ============================================================= */

/* Categoría activa en el sidebar (venía del <style> del grid). */
.current-cat {
	color: var(--primary-color) !important;
}

.ecom-tienda-vacia {
	color: #706f6c;
}

.ecom-tienda-vacia h4 {
	font-size: 1.8rem;
	font-weight: 600;
}

/* ---------- Carrito privado (ecom_carrito_privado) ---------- */
.ecom-cart-item-meta { margin-top: .5rem; font-size: 1.2rem; line-height: 1.45; color: #666; }
.ecom-cart-item-meta strong { color: #333; font-weight: 700; }
.ecom-cart-aviso { color: #d9534f; font-weight: 600; font-size: 1.2rem; }
.table-cart .small { font-size: 1.1rem; color: #777; }
.ecom-cart-estado { display: inline-block; margin-right: 1.2rem; font-size: 1.2rem; vertical-align: middle; }
.ecom-cart-estado.is-guardando { color: #999; }
.ecom-cart-estado.is-ok { color: #3a9c3a; }
.ecom-cart-estado.is-error { color: #d9534f; font-weight: 600; }

/* ---------- cotizacion-creada (ecom_cotiz_creada_pagina) ---------- */
.ecom-cotizacion-creada { max-width: 850px; margin: 0 auto; padding: 40px 30px; }
.ecom-cotizacion-creada .success-icon {
	width: 9rem; height: 9rem; border-radius: 50%; background: #28a745; color: #fff;
	display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem; font-size: 4rem;
}
.ecom-cotizacion-creada h2 { font-size: 2.4rem; font-weight: 700; margin-bottom: 1rem; }
.ecom-cotizacion-creada p { font-size: 1.45rem; color: #555; }
.ecom-cotizacion-creada .cotizacion-box { background: #f5f6f8; border: 1px solid #e0e0e0; padding: 2rem; margin: 2.5rem auto; max-width: 420px; }
.ecom-cotizacion-creada .cotizacion-label { font-size: 1.25rem; text-transform: uppercase; color: #777; font-weight: 600; }
.ecom-cotizacion-creada .cotizacion-id { font-size: 2.6rem; font-weight: 700; letter-spacing: 1px; }