:root {
    --text-color: #4b566b;
    --pink: #f06292;
    --pink-hover: #ec3372;
    --green: #289447;
    --green-hover: #5fc262;
    --cyan: #80cbc4;
    --cyan-hover: #52cabe;
    --red: #e2211c;
    --red-hover: #af0003;
    --red-disabled: #e14640;
    --grey-disabled: #d9d9d9;

    --bs-link-color-rgb: #4b566b;
    --bs-border-color: #b6b6b6;
    --theme-page-padding: 1.5rem;
    --font-size: 12px;
    --bs-dropdown-link-color: var(--text-color);

    --form-input-hover-bg-color: #f7f7f79c;
    --form-input-selected-border-color: #a8a8a8;
}

/* SM */

@media (min-width: 576px) {
    :root {
        --font-size: 13px
    }
}

/* MD */

@media (min-width: 768px) {
    :root {
        --font-size: 14px
    }
}

/* LG */

@media (min-width: 992px) {
    :root {
        --font-size: 15px;
        --theme-page-padding: 11.25rem;
    }
}

/* XL */

@media (min-width: 1200px) {
    :root {
        --font-size: 16px
    }
}

/* XXL */

@media (min-width: 1400px) {
}html {
    font-size: var(--font-size);
}

body {
    height: 100%;
    font-size: 1rem;
    color: var(--text-color);
    font-family: "Rubik", sans-serif;
    vertical-align: baseline;
    --bs-body-line-height: 1.5;
    background-color: #fff;
}

main {
    position: relative;
    transition: all 0.3s ease;
}

main.sidebar-classifier-open {
    padding-left: 350px;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1600px;
}

/* ===============================================================================
 * Link
 * =============================================================================*/

a {
    transition: all 0.3s ease 0s;
}

a:hover {
    color: var(--red);
}

/* ===============================================================================
 * Shadows
 * =============================================================================*/

a:focus,
button:focus,
input:focus,
textarea:focus,
.form-control:focus,
.custom-control-input:focus,
a:checked,
button:checked,
input:checked,
textarea:checked,
.form-control:checked,
.custom-control-input:checked,
a:after,
button:after,
input:after,
textarea:after,
.form-control:after,
.custom-control-input:after,
a:before,
button:before,
input:before,
textarea:before,
.form-control:before,
.custom-control-input:before,
.custom-control-input:focus~.custom-control-label::before {
    outline: none !important;
    box-shadow: none !important;
}

/* ===============================================================================
 * Utilities
 * =============================================================================*/

.cursor-pointer {
    cursor: pointer;
}

/* ===============================================================================
 * Google ReCaptcha
 * =============================================================================*/

.grecaptcha-badge {
    visibility: hidden;
}

.google-recaptcha-text {
    margin-bottom: .5rem;
}

.google-recaptcha-text label {
    font-weight: normal;
    color: var(--text-color);
    margin-bottom: 0;
}

/* ===============================================================================
 *	Scroll to Top
 * =============================================================================*/

#scrollup {
    bottom: 1rem;
    display: none;
    position: fixed;
    right: 1rem;
    z-index: 1020;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.75rem;
}

.container-fluid.theme-container-fluid {
    --bs-gutter-x: var(--theme-page-padding);
}

section .title {
    font-size: 1.75rem;
    text-align: center;
    color: #000;
    margin-bottom: 1.5rem;
}

section .inner {
    border-top: 1px solid #b6b6b6;
    padding-bottom: 1.5rem;
}

.splide {
    height: 100%;
}

h1, .h1 {
    padding: 1.5rem 0;
    color: var(--bs-gray-900);
    margin: 0;
}

h2, .h2 {
    padding: 1.5rem 0;
    color: var(--bs-gray-900);
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
}


/* XS */

@media only screen and (min-width: 0px) {}

/* SM (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* MD (tablets, 768px and up) */

@media (min-width: 768px) {}

/* LG (desktops, 992px and up) */

@media (min-width: 992px) {}

/* XL (large desktops, 1200px and up) */

@media (min-width: 1200px) {}
.btn {
	--bs-btn-line-height: 1;
	--bs-btn-padding-x: 1.875rem;
	--bs-btn-padding-y: 0.75rem;
	--bs-btn-active-border-color: transparent;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #e52527;
	--bs-btn-border-color: #e52527;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #af0003;
	--bs-btn-hover-border-color: #af0003;
	--bs-btn-focus-bg: #af0003;
	--bs-btn-focus-border-color: #af0003;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #e52527;
	--bs-btn-active-border-color: #e52527;
	--bs-btn-active-shadow: none;
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #f85757;
	--bs-btn-disabled-border-color: #f85757;
}
.ck-editor dl, ul, ol {
    padding-left: 1rem;
}.form-control {
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-color: #ddd;
    --bs-border-radius: 5px;
    transition: all .6s ease 0s;
    padding: .75rem 1rem .75rem .75rem;
}

.form-control:hover, .dropdown .btn:hover {
    background-color: var(--form-input-hover-bg-color);
    border-color: var(--form-input-selected-border-color);
}

.dropdown .btn {
    border-color: #ddd;
    background-color: #fff;
    color: var(--text-color);
}

.form-control:focus, .dropdown .btn:focus {
    background-color: var(--form-input-hover-bg-color);
    border-color: var(--form-input-selected-border-color);
}

.form-group label {
    font-weight: 700;
    color: var(--text-color);
}

.mandatory {
    color: var(--red);
    margin-right: .5rem;
}

.form-group label .mandatory {
    margin-left: .5rem;
    margin-right: 0;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-checkbox .custom-control-label {
    padding-left: 0.4rem;
}


.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--red);
    background-color: var(--red);
    border-radius: 0;
}

.custom-select {
    transition: all .6s ease 0s;
    border-radius: 0;
}

.custom-select:hover {
    border-color: var(--red);
}

.custom-select:focus {
    border-color: var(--red);
    box-shadow: none;
}

.checkbox-margin {
    margin-bottom: .5rem;
}

.form-select:focus {
    border-color: var(--bs-border-color);
    outline: none;
    box-shadow: none;
}

.form-check label{
    font-weight: normal;
}

.form-check [data-tpl="quantity-wrapper"] {
    right: 0;
    gap: 0.5rem;
}

.form-check [data-tpl="quantity-wrapper"] > * {
    min-width: 1.4rem;
    min-height: 1.4rem;
    padding: 0;
}

.form-check [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
    border: 1px solid #e52527;
}


/* XS */

@media only screen and (min-width: 0px) {}

/* SM (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* MD (tablets, 768px and up) */

@media (min-width: 768px) {}

/* LG (desktops, 992px and up) */

@media (min-width: 992px) {}

/* XL (large desktops, 1200px and up) */

@media (min-width: 1200px) {}.lightbox .lb-image {
    border: none;
    border-radius: 0;
}[data-tpl="pagination-navigation"] {
    margin-bottom: 0;
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1.1rem;
    --bs-pagination-color: #000;
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: 0;
    --bs-pagination-hover-color: #000;
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: #000;
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--red);
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-border-color: transparent;
}

[data-tpl="pagination-navigation"] .page-item.active a {
    pointer-events: none;
}

[data-tpl="pagination-counter"] {
    color: #000;
    font-size: 1.1rem;
}
.irs--flat .irs-bar {
    background-color: var(--red);
}

.irs--flat .irs-handle>i:first-child {
    background-color: var(--red);
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: var(--red);
}

.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before {
    border-top-color: var(--red);
}/*
 * Bootstrap select
 */
.bootstrap-select .dropdown-menu {
    padding: 0;
}

.dropdown-item {
    transition: 0.3s;
}

.dropdown-item:hover {
    color: white;
    background: var(--red);
}

.dropdown-item.selected.active:hover {
    color: white;
    background: var(--red);
}

.dropdown-item.active, .dropdown-item:active {
    background: var(--red);
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active {

}

/*
 * Filter select
 */

button.filter-select {
    height: 32px;
    font-size: 90%;
}

button.filter-select .filter-option .filter-option-inner {
    margin-top: -2px;
}

button.filter-select~.dropdown-menu {
    padding-top: 0;
}

button.filter-select~.dropdown-menu .bs-searchbox input {
    padding: 5px;
    height: 32px;
}

button.filter-select~.dropdown-menu .inner ul li .dropdown-item {
    padding: 8px 10px;
    font-size: 95%;
}

.filter-wrapper .dropdown {
    width: auto !important;
}.swal2-actions .swal2-styled.swal2-confirm {
    background-color: var(--red);
}

.swal2-actions .swal2-styled.swal2-cancel {
}.jumbotron {
    background-color: #fff;
    margin: 0;
    padding: 2rem 1rem;
}

/* SM (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .jumbotron {
        padding: 2rem;
    }
}

/* MD (tablets, 768px and up) */

@media (min-width: 768px) {}

/* LG (desktops, 992px and up) */

@media (min-width: 992px) {
}

/* XL (large desktops, 1200px and up) */

@media (min-width: 1200px) {}.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
	background-color: var(--red);
	background-image: var(--red);
}

.datepicker {
	border-radius: 0;
	border-color: var(--red);
	text-transform: uppercase;
	/* font-size: 1.75rem; */
	left: 50% !important;
	transform: translateX(-50%) !important;
	padding: 0.5rem;
	box-shadow: 8px 12px 29px -10px rgba(0, 0, 0, 0.25);
}

.datepicker-dropdown.datepicker-orient-top::before {
	border-top: 7px solid var(--red);
}

.datepicker th {
	/* color: var(--red); */
	font-size: 0.8rem;
}

.datepicker td,
.datepicker th {
	border-radius: 0;
	/* width: 3rem; */
	/* height: 3rem; */
    padding: 0;
}
#section-breadcrum .breadcrumb {
	--bs-breadcrumb-margin-bottom: 0;
	--bs-breadcrumb-padding-y: 1.5rem;
	--bs-breadcrumb-divider-color: var(--text-color);
	--bs-breadcrumb-font-size: 0.8rem;
	line-height: 1;
}

#section-breadcrum .breadcrumb-item + .breadcrumb-item::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
}

#section-breadcrum .breadcrumb a {
	color: var(--text-color);
}

#section-breadcrum .breadcrumb a:hover {
	color: var(--red);
}


/* ===============================================================================
 * Social network
 * =============================================================================*/

 .fa-facebook,
 .fa-facebook-square {
     color: #3b5998
 }

 .fa-twitter,
 .fa-twitter-square {
     color: #00aced
 }

 .fa-google-plus,
 .fa-google-plus-square {
     color: #dd4b39
 }

 .fa-youtube,
 .fa-youtube-play,
 .fa-youtube-square {
     color: #bb0000
 }

 .fa-tumblr,
 .fa-tumblr-square {
     color: #32506d
 }

 .fa-vine {
     color: #00bf8f
 }

 .fa-flickr {
     color: #ff0084
 }

 .fa-vimeo-square {
     color: #aad450
 }

 .fa-pinterest,
 .fa-pinterest-square {
     color: #cb2027
 }

 .fa-linkedin,
 .fa-linkedin-square {
     color: #007bb6
 }

 .fa-instagram {
     color: #517fa4;
 }

 .fa-instagram-square {
     color: transparent;
     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background-clip: text;
     -webkit-background-clip: text;
 }

 .fa-spotify {
     color: #1ED760;
 }.brand-name{
    font-size: 1.1rem;
}.landing-page-brand-banner {
    height: 55vw;
    max-height: 466px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.landing-page-subcategory-banner {
    height: 49vw;
    max-height: 410px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {

    .landing-page-brand-banner {
        height: 33vw;
        max-height: 466px;
    }

    .landing-page-subcategory-banner {
        height: 29vw;
        max-height: 410px;
    }
}

@media (min-width: 992px) { 

    .landing-page-brand-banner {
        height: 25.5vw;
        max-height: 466px;
    }

    .landing-page-subcategory-banner {
        height: 22.5vw;
        max-height: 410px;
    }
}

@media (min-width: 1200px) { 

    .landing-page-brand-banner {
        height: 18vw;
        max-height: 466px;
    }

    .landing-page-subcategory-banner {
        height: 16vw;
        max-height: 410px;
    }
}
.brand-row:not(:last-child) {
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

.brand-row:last-child {
    padding-bottom: 3rem;
}

.subcategory-row:nth-child(odd) {
    background-color: rgb(236, 236, 236);
}

.subcategory-row:not(:last-child) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.subcategory-row:last-child {
    padding-bottom: 1.5rem;
}
#alert {
    position: fixed;
    z-index: 1050;
    bottom: 0;
    left: 10px;
}

#alert .alert {
    background: #fff;
    padding: 0;
    display: flex;
	position: relative;
	left: 0;
	-webkit-transition: all .75s ease;
	transition: all .75s ease;
}

#alert .alert.go-away {
	left: -100%;
	opacity: 0;
	-webkit-transition: all .75s ease;
	transition: all .75s ease;
}

/* Close */
#alert .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .95rem;
    color: inherit;
}

/* Icon */

#alert .alert .alert-icon {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    color: #fff;
}

#alert .alert-icon {
    padding: .95rem;
    background: hsla(0,0%,100%,.1);
}

#alert .alert-success .alert-icon {
    background-color: var(--success);
}

#alert .alert-danger .alert-icon {
    background-color: var(--danger);
}

#alert .alert-warning .alert-icon {
    background-color: var(--warning);
}

#alert .alert-info .alert-icon {
    background-color: var(--info);
}

/* Message */
#alert .alert-message {
    padding: .95rem 3rem .95rem .95rem;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ced4da;
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

#alert .alert-success .alert-message {
    border-color: var(--success);
}

#alert .alert-danger .alert-message {
    border-color: var(--danger);
}

#alert .alert-warning .alert-message {
    border-color: var(--warning);
}

#alert .alert-info .alert-message {
    border-color: var(--info);
}

/*
 * POSITION
 */
 #user-alerts[data-position^="bottom-"] {
    bottom: 30px;
}

#user-alerts[data-position$="-left"] {
    left: 30px;
}a.btn.disabled[data-disabled-title], fieldset[disabled] a.btn[data-disabled-title], .disabled[data-disabled-title] {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .30;
}

/* ===============================================================================
 * Disabled
 * =============================================================================*/

.tooltipster-sidetip.tooltipster-disabled .tooltipster-box {
    border: none;
    border-radius: 3px;
    background: #333;
    box-shadow: none
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-bottom .tooltipster-box {
    margin-top: 6px
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-left .tooltipster-box {
    margin-right: 6px
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-box {
    margin-left: 6px
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-top .tooltipster-box {
    margin-bottom: 6px
}

.tooltipster-sidetip.tooltipster-disabled .tooltipster-content {
    color: #fff;
    padding: 8px;
    font-size: 12px;
    line-height: 16px
}

.tooltipster-sidetip.tooltipster-disabled .tooltipster-arrow {
    height: 6px;
    margin-left: -6px;
    width: 12px
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-arrow {
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    width: 6px
}

.tooltipster-sidetip.tooltipster-disabled .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-disabled .tooltipster-arrow-border {
    border: 6px solid transparent
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #333
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #333
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #333
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #333
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -6px
}

.tooltipster-sidetip.tooltipster-disabled.tooltipster-right .tooltipster-arrow-uncropped {
    left: -6px
}

/* ===============================================================================
 * Image preview
 * =============================================================================*/

.tooltipster-sidetip.tooltipster-image-preview .tooltipster-box {
    border: none;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1)
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-bottom .tooltipster-box {
    margin-top: 6px
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-left .tooltipster-box {
    margin-right: 6px
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-box {
    margin-left: 6px
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-top .tooltipster-box {
    margin-bottom: 6px
}

.tooltipster-sidetip.tooltipster-image-preview .tooltipster-content {
    color: #8d8d8d;
    padding: 0;
}

.tooltipster-sidetip.tooltipster-image-preview .tooltipster-arrow {
    height: 6px;
    margin-left: -6px;
    width: 12px
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-arrow {
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    width: 6px
}

.tooltipster-sidetip.tooltipster-image-preview .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-image-preview .tooltipster-arrow-border {
    border: 6px solid transparent
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #fff
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #fff
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #fff
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #fff
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -6px
}

.tooltipster-sidetip.tooltipster-image-preview.tooltipster-right .tooltipster-arrow-uncropped {
    left: -6px
}.loader {
    width: 1.8rem;
    height: 1.8rem;
    border: 10px solid #FFF;
    border-radius: 50%;
    position: relative;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.loader::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    inset: -10px;
    border-radius: 50%;
    border: 10px solid #FF3D00;
    animation: prixClipFix 0.5s infinite linear;
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}/* ===============================================================================
 * Header
 * =============================================================================*/

header {
	box-shadow: 0px 0px 5px 0px rgb(111, 111, 111);
	position: relative;
}

header.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: -82px;
	z-index: 1020;
}

/* ===============================================================================
 * Header Top
 * =============================================================================*/

#header-top {
	padding: 0.75rem 0;
}

#header-top .navbar {
	position: unset;
}

#header-top .navbar [data-tpl="right"] {
	gap: 1.5rem;
}

/* ===============================================================================
 * Navbar - Brand
 * =============================================================================*/
header .navbar-brand {
	width: 5rem;
}

/* ===============================================================================
 * Header Top - Customer
 * =============================================================================*/

#header-top .account-option {
	color: var(--red);
	display: none;
	align-items: center;
}

#header-top .account-option[data-tpl="mobile"] {
	display: flex;
}

#header-top .account-option[data-tpl="desktop"] {
	display: none;
}

#header-top .account-option[data-tpl="desktop"] [data-tpl="icon"] {
	font-size: 1.5rem;
	margin-right: 0.75rem;
}

#header-top .account-option[data-tpl="desktop"] a {
	color: var(--red);
	text-decoration: none;
    font-size: 1rem;
}

#header-top .account-option[data-tpl="desktop"] a:hover {
	color: var(--red-hover);
}

#header-top .account-option[data-tpl="desktop"] .divider {
	margin: 0 0.25rem;
}

/* ===============================================================================
 * Header Top - Search
 * =============================================================================*/

#header-top .form-search .input-group {
	border: 1px solid #ced4da;
	border-radius: 5px;
}

#header-top .form-search input {
	background-color: transparent;
	border: none;
	padding: 0.75rem 1.5rem;
}

#header-top .form-search button {
	background-color: transparent;
	color: var(--red);
	font-size: 1rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	line-height: 1.25;
}

#header-top .form-search .form-control::placeholder {
	opacity: 0.5;
	font-weight: lighter;
}

#header-top [data-tpl="search-mobile"] {
	position: unset;
}

#header-top [data-tpl="search-mobile"] .btn {
	--bs-btn-padding-x: 0;
	--bs-btn-padding-y: 0;
	--bs-btn-color: var(--red);
	--bs-btn-active-color: var(--red);
}

#header-top [data-tpl="search-mobile"] .dropdown-menu {
	left: 0;
	right: 0;
	bottom: 1px;
	top: unset;
	transform: translateY(100%);
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-border-width: 0;
	box-shadow: 0px 6px 4px -4px rgb(170, 170, 170);
	--bs-dropdown-padding-y: 1.25rem;
	padding-top: 0;
}

/* ===============================================================================
 * Header Top - Menu Mobile
 * =============================================================================*/
#header-top .header-menu-mobile.navbar-nav .nav-link {
	color: var(--text-color);
	padding: 0.5rem 1rem;
	background: var(--light);
	margin-bottom: 0.75rem;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.002), 0 1px 1px rgba(0, 0, 0, 0.002),
		0 2px 2px rgba(0, 0, 0, 0.16), 0 2px 2px rgba(0, 0, 0, 0);
}

#header-top .header-menu-mobile.navbar-nav .nav-item.active .nav-link {
}

/* ===============================================================================
 * Header - Cart
 * =============================================================================*/

#header-top .cart-header {
	margin-right: 10px;
}

#header-top .cart-header .cart-icon {
	display: inline-block;
	position: relative;
}

#header-top .cart-header .cart-icon img {
	width: 2rem;
	/* Change color of SVG https://codepen.io/sosuke/pen/Pjoqqp */
	filter: invert(18%) sepia(62%) saturate(7499%) hue-rotate(356deg)
		brightness(94%) contrast(87%);
}

#header-top .cart-header .cart-icon .counter {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background-color: var(--red);
	color: white;
	font-size: 0.8rem;
	line-height: 1.1rem;
	position: absolute;
	right: -10px;
	top: -10px;
}

#header-top .cart-header .grand-total {
	font-size: 1rem;
	color: var(--red);

}

/* ===============================================================================
 * Header Bottom
 * =============================================================================*/

header .header-bottom {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}

/* ===============================================================================
 * Header Bottom - Menu
 * =============================================================================*/

header .header-bottom .header-menu.navbar-nav {
	--bs-nav-link-padding-x: 0.75rem;
	--bs-nav-link-padding-y: 1.25rem;
	--bs-nav-link-color: #000;
	--bs-nav-link-hover-color: var(--red);
}

header .header-bottom .header-menu .nav-link {
	line-height: 1;
	display: flex;
	align-items: center;
    font-size: 1rem;
    text-decoration: underline;
}

/* ===============================================================================
 * Alert shippin min price
 * =============================================================================*/
#alert-shipping-min-price {
	--bs-alert-color: #fff;
	--bs-alert-bg: #1f1f1f;
	--bs-alert-border-color: none;
	--bs-alert-link-color: #fff;
	--bs-alert-margin-bottom: 0;
	--bs-alert-border-radius: none;
	font-weight: lighter;
	--bs-alert-padding-y: .5rem;
  	font-size: .8rem;
}

#alert-shipping-min-price.alert-dismissible .btn-close {
	top: 50%;
	--bs-btn-close-color: #fff;
	--bs-btn-close-bg: none;
	--bs-btn-close-opacity: 1;
	font-size: 1rem;
	transform: translateY(-50%);
	width: auto;
	height: auto;
	line-height: 1;
	padding: .5rem 1rem;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

	/* ===============================================================================
     * Navbar - Brand
     * =============================================================================*/
	header .navbar-brand {
		width: 7.5rem;
		--bs-navbar-brand-margin-end: 2.75rem;
		--bs-navbar-brand-padding-y: 0;
	}

	header.sticky .navbar-brand {
		width: 7.5rem;
		--bs-navbar-brand-margin-end: 2.75rem;
	}

	/* ===============================================================================
     * Header Top
     * =============================================================================*/
	#header-top {
		border-bottom: 1px solid #9f9f9f;
		padding: 1.25rem 0;
	}

	/* ===============================================================================
	 * Header Top - Customer
	 * =============================================================================*/

	#header-top .account-option[data-tpl="mobile"] {
		display: none;
	}

	#header-top .account-option[data-tpl="desktop"] {
		display: flex;
	}


}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}
/* ===============================================================================
 * Header Bottom - All product
 * =============================================================================*/

#header-category-link {
    padding: 1.25rem 0;
    cursor: pointer;
}

#header-category-link .toggler {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 1.25rem;
}

#header-category-link .toggler .fas {
    color: #fff;
    background-color: var(--red);
    padding: 0.4rem .5rem;
    font-size: 1.25rem;
    border-radius: 3px;
    margin-right: .5rem;
}

/* ===============================================================================
 * Header list category
 * =============================================================================*/

#header-category-dropdown {
    width: 350px;
    position: absolute;
    top: 100%;
    background-color: #f8f9fa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08),
        0 2px 2px rgba(0, 0, 0, 0.12),
        0 4px 4px rgba(0, 0, 0, 0.16),
        0 8px 8px rgba(0, 0, 0, 0.20);
    z-index: 1021;
    opacity: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
    transform-origin: 0 0 0;
}

header .header-bottom #header-category-link:hover #header-category-dropdown {
    display: block;
    animation-duration: 340ms;
    animation-delay: 100ms;
    animation-fill-mode: both;
    animation-name: animation_vertial_categories;
}

#header-category-dropdown .dropdown-item {
    padding: 0;
    border-top: 1px solid #e8eaee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header-category-dropdown .dropdown-item:hover {
    background-color: #e8eaee;
}

#header-category-dropdown .dropdown-item > a {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    color: var(--text-color);
    text-decoration: none;
}

#header-category-dropdown .dropdown-item > [data-tpl="icon"] {
    padding: 0.75rem 1rem;
    transition: all 0.3s ease 0s;
}

#header-category-dropdown .dropdown-item:hover > a {
    background-color: #e8eaee;
    color: var(--red);
}

#header-category-dropdown .dropdown-item:hover > [data-tpl="icon"] {
    background-color: #e8eaee;
    color: var(--red);
}

#header-category-dropdown .dropdown-item .sub-menu {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 100%;
    background-color: #f8f9fa;
    width: 0;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08),
        0 2px 2px rgba(0, 0, 0, 0.12),
        0 4px 4px rgba(0, 0, 0, 0.16),
        0 8px 8px rgba(0, 0, 0, 0.20);
}

#header-category-dropdown .dropdown-item:hover > .sub-menu {
    opacity: 1;
    right: -100%;
    z-index: 100;
    width: 350px;
}

@keyframes animation_vertial_categories {

    0% {
        visibility: hidden;
        opacity: 0;
        transform: scale(1,0.7);
        -webkit-transform: scale(1,0.7);
        -moz-transform: scale(1,0.7);
    }

    100% {
        visibility: visible;
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
    }
}

header #header-highlight-list li a {
    text-decoration: none;
}

 header #header-highlight-list [data-tpl="header-highlight"] a{
    font-size: 1.00rem;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
}

/*
header #header-highlight-list [data-tpl="header-highlight"] a {
    height: 100%;
    line-height: 100%;
} */

header #header-highlight-list [data-tpl="header-highlight-submenu"] {
    animation-duration: 340ms;
    animation-delay: 100ms;
    animation-fill-mode: both;
    animation-name: animation_vertial_categories;
    background-color: #f8f9fa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08),
        0 2px 2px rgba(0, 0, 0, 0.12),
        0 4px 4px rgba(0, 0, 0, 0.16),
        0 8px 8px rgba(0, 0, 0, 0.20);
    z-index: 1021;
    position: absolute;
    top: 100%;
}

header #header-highlight-list [data-tpl="header-highlight-submenu"] a {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e8eaee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    color: var(--text-color);
}

header #header-highlight-list [data-tpl="header-highlight-submenu"] a:hover {
    background-color: #e8eaee;
    color: var(--red);
}

@keyframes animation_vertial_categories {

    0% {
        visibility: hidden;
        opacity: 0;
        transform: scale(1,0.7);
        -webkit-transform: scale(1,0.7);
        -moz-transform: scale(1,0.7);
    }

    100% {
        visibility: visible;
        opacity: 1;
        transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
    }
}#mobile-menu.offcanvas {
    --bs-offcanvas-border-width: 0;
    --bs-offcanvas-box-shadow: 0px 0px 5px 0px rgb(111, 111, 111);
    --bs-offcanvas-width: 100vw;
    --bs-offcanvas-padding-y: 0;
    --bs-offcanvas-padding-x: 0;
    line-height: 1;
}

#mobile-menu .offcanvas-header .btn-close {
    --bs-offcanvas-padding-y: 2rem;
    --bs-offcanvas-padding-x: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    --bs-btn-close-bg: unset;
    text-align: right;
}

#mobile-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    flex-wrap: wrap;
}

#mobile-menu .dropdown-item:hover {
    background-color: #fff;
}

#mobile-menu .dropdown-item > a {
    flex: 1 1 auto;
    text-decoration: none;
    padding: 0.75rem 1rem;
    color: var(--text-color);
}

#mobile-menu .dropdown-item:hover > a {
    color: var(--red);
}


#mobile-menu .dropdown-item > [data-tpl="icon"] {
    padding: 0.75rem 1rem;
    color: var(--text-color);
}

#mobile-menu .dropdown-item:hover > [data-tpl="icon"] {
    color: var(--red);
}

#mobile-menu .sub-menu {
    display: none;
    flex-basis: 100%;
    padding-left: 1rem;
}

#mobile-menu .dropdown-item:hover > .sub-menu {
    display: block;
}

#mobile-menu .dropdown-item.active {
    background: #fff;
}

#mobile-menu .dropdown-item.active > .sub-menu {
    display: block;
}
footer {
	background-color: #1b1b1b;
}

footer #footer-top {
	background-color: #0e0e0e;
	padding: 1.5rem 0;
	border-bottom: 1px #a7a6a6 solid;
	color: #a7a6a6;
	font-size: 1rem;
	line-height: 1rem;
}

footer #footer-top [data-tpl="main-row"] {
	gap: 1.5rem;
	flex-direction: column;
}

footer #footer-top [data-tpl="main-row"] [data-tpl="first-column"] {
	text-align: center;
}

footer #footer-top [data-tpl="main-row"] [data-tpl="second-column"] {
	display: flex;
	gap: 1.5rem;
	flex-direction: column;
}

footer #footer-top [data-tpl="address-contact"] {
	gap: 1.5rem;
	flex-direction: column;
	display: flex;
}

footer #footer-top [data-tpl="method-payment"] {
	width: 200px;
	margin-top: .5rem;
}

footer #footer-top small {
	font-size: .6rem;
}

footer #footer-top [data-tpl="address"],
footer #footer-top [data-tpl="contact"] {
	display: flex;
	align-items: center;
	gap: .75rem;
	flex-direction: column;
}

footer #footer-top [data-tpl="address"] [data-tpl="icon"],
footer #footer-top [data-tpl="contact"] [data-tpl="icon"] {
	font-size: 2rem;
}

footer #footer-top [data-tpl="social-network"] {
	display: flex;
	gap: 1rem;
	justify-content: center;
}

footer #footer-top [data-tpl="social-network"] a {
	text-decoration: none;
}

footer #footer-top [data-tpl="social-network"] [data-tpl="icon"] {
	color: #a7a6a6;
	font-size: 2rem;
	background: none;
}

footer #footer-top [data-tpl="logotype"] {
	width: 100px;
	margin: 0 auto;
}

footer #footer-bottom {
	padding: 2rem 0;
}

footer #footer-bottom [data-tpl="title"] {
	color: #fff;
	margin-bottom: .75rem;
}

footer #footer-bottom [data-tpl="list"] {
	display: flex;
	flex-direction: column;
	font-size: 1rem;
}

footer #footer-bottom [data-tpl="item"] {
	border-bottom: 1px solid #96969629;
	padding: 0.7rem 0;
	display: flex;
	align-items: center;
}

footer #footer-bottom [data-tpl="item"]:last-child {
	border-bottom: none;
}

footer #footer-bottom [data-tpl="icon"] {
	color: var(--red);
	font-size: 0.5rem;
	margin-right: 0.5rem;
}

footer #footer-bottom [data-tpl="item"] a {
	color: #969696;
	text-decoration: none;
}

footer #footer-bottom [data-tpl="item"] a:hover {
	color: var(--red);
}

#footer-copyright {
	color: #969696;
	font-size: 0.8rem;
	padding-bottom: 2rem;
}

#footer-copyright a {
	color: #969696;
	text-decoration: none;
}

#footer-copyright a:hover {
	color: var(--red);
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

	footer #footer-top [data-tpl="main-row"] {
		gap: 0;
		flex-direction: row;
	}

	footer #footer-top [data-tpl="address-contact"] {
		flex-direction: row;
	}

	footer #footer-top [data-tpl="address"],
	footer #footer-top [data-tpl="contact"] {
		flex-direction: row;
	}

	footer #footer-top [data-tpl="main-row"] [data-tpl="first-column"] {
		text-align: left;
	}

	footer #footer-top [data-tpl="main-row"] [data-tpl="second-column"] {
		justify-content: end;
		flex-direction: row;
	}
	footer #footer-top [data-tpl="social-network"] {
		align-items: center;
	}

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}
#app-loading {
    position: fixed;
    z-index: 999999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: #eee;
    display: none;
}

#app-loading .sk-cube-grid {
    width: 10rem;
    height: 10rem;
    margin: 100px auto;
}

#app-loading .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: var(--red);
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

#app-loading .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app-loading .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#app-loading .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#app-loading .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#app-loading .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#app-loading .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#app-loading .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#app-loading .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#app-loading .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}.tpl-overlay {
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.8);
}

.tpl-overlay > p {
    color: white;
    margin: 1rem;
}

.tpl-loader {
    width: 48px;
    height: 48px;
    border: 5px solid var(--red);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;

}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}/* Cookie bar definitions
 * ------------------------------ */

#cookie-bar {
	display: none;
}

.cc_container {
	background: #fff !important;
	-webkit-box-shadow: 0px -9px 11px -4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px -9px 11px -4px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -9px 11px -4px rgba(0, 0, 0, 0.25);
	padding: 1.25rem 1rem !important;
}

.cc_container .cc_message {
	color: var(--text-color) !important;
}

.cc_container a.cc_btn, .cc_container a.cc_btn:visited {
	background-color: var(--red) !important;
	color: #fff !important;
	margin-right: 0;
	border-radius: 0;
}

.cc_container a.cc_btn:hover {
	background-color: var(--red) !important;
	color: #fff !important;
}

.cc_container a, .cc_container a:visited {
	text-decoration: none !important;
	color: var(--red) !important;
}

.cc_container a:hover {
	color: var(--red) !important;
	text-decoration: none !important;
}.webpage-aside-navigation .nav-item {
    background-color: #fff;
    margin-bottom: .25rem !important;
}

.webpage-aside-navigation .nav-link {
    border-left: 2px solid #fff;
    --bs-nav-link-color: #4b566b;
    --bs-nav-link-hover-color: var(--red);
}

.webpage-aside-navigation .nav-link.active {
    border-left-color: var(--red);
    color: var(--red);
}.webpage-aside-filter {
    margin-bottom: 1rem;
}

.webpage-aside-filter .card {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.webpage-aside-filter .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.webpage-aside-filter .card-header button {
    padding: 1rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1;
}

.webpage-aside-filter .card-header button .icon {
    transform: rotate(-90deg);
    transition: all .4s ease 0s;
    color: var(--red)
}

.webpage-aside-filter .card-header button.collapsed .icon {
    transform: rotate(0);
}

.webpage-aside-filter .card-body {
    padding: 1rem .5rem .5rem;
    max-height: 25vh;
    overflow: auto;
}

.webpage-aside-filter.price-filter .card-body {
    overflow: unset;
    padding: 1rem 1rem .5rem;
}

.webpage-aside-filter ul .nav-item {
    margin-bottom: .5rem;
    margin-right: .5rem;
}

.webpage-aside-filter ul .nav-item:last-child {
    margin-bottom: 0;
}

.webpage-aside-filter .nav-link {
    padding: .5rem;
    line-height: 1;
    display: flex;
    flex: 1 1 auto;
}

.webpage-aside-filter .nav-link:hover {
}

.webpage-aside-filter .nav-link .checkmark {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #eee;
    margin-right: .75rem;
    position: relative;
    transition: all .4s ease 0s;
}

.webpage-aside-filter .nav-link .label {
    align-self: center;
    flex: 1 1 auto;
    text-align: left;
}

.webpage-aside-filter .nav-link:hover .checkmark {
    background-color: #ccc;
}

.webpage-aside-filter .nav-link.active .checkmark {
    background-color: var(--red);
}

.webpage-aside-filter .nav-link .checkmark:after {
    content: "\f00c";
    display: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.webpage-aside-filter .nav-link.active .checkmark:after {
    display: block;
}

/* Accordion inside filter */

.webpage-aside-filter .card .card {
    box-shadow: none;
}

.webpage-aside-filter .card .card .card-header {
    border-bottom: none;
}

.webpage-aside-filter .card .card .card-header button {
    padding: 0;
    font-size: 1rem;
    display: flex;
}

.webpage-aside-filter .card .card .card-header button {
    padding: 0;
    font-size: 1rem;
}

.webpage-aside-filter .card .card .card-header button .icon.collapsed {
    transform: rotate(0);
}

.webpage-aside-filter .card .card .card-body {
    padding: 0 .1rem 0 1rem;
}

.webpage-aside-filter .card .card .card .nav-link .checkmark {
    height: 20px;
    width: 20px;
}

.webpage-aside-filter .card .card .card .nav-link .checkmark::after {
    font-size: 80%;
}

.webpage-aside-filter .card .card ul .nav-item {
    margin-right: 0;
}.webpage-aside-search-result {
    margin-bottom: 1rem;
}

.webpage-aside-search-result .card {
    border: 0;
    background-color: var(--light);
}

.webpage-aside-search-result .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: 1px dashed #ddd;
}

.webpage-aside-search-result .card-header button {
    padding: 1rem .75rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1;
}

.webpage-aside-search-result .card-header button .icon {
    transform: rotate(-90deg);
    transition: all .4s ease 0s;
    color: var(--green)
}

.webpage-aside-search-result .card-header button.collapsed .icon {
    transform: rotate(0);
}

.webpage-aside-search-result .card-body {
    padding: 1rem .5rem .5rem;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.webpage-aside-search-result .term {
    font-style: italic;
}

.webpage-aside-search-result a {
    color: var(--red);
}.webpage-aside-filter-apply {
    margin-bottom: 1rem;
}

.webpage-aside-filter-apply .card {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.webpage-aside-filter-apply .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: 1px dashed #ddd;
}

.webpage-aside-filter-apply .card-header button {
    padding: 1rem .75rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1;
}

.webpage-aside-filter-apply .card-header button .icon {
    transform: rotate(-90deg);
    transition: all .4s ease 0s;
    color: var(--red)
}

.webpage-aside-filter-apply .card-header button.collapsed .icon {
    transform: rotate(0);
}

.webpage-aside-filter-apply .card-body {
    padding: 1rem 1rem .5rem;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.webpage-aside-filter-apply .term {
    font-style: italic;
}

.webpage-aside-filter-apply a {
    color: var(--red);
}

.webpage-aside-filter-apply ul .group {
    margin-top: .5rem;
    font-weight: bold;
}

.webpage-aside-filter-apply ul .group:first-child {
    margin-top: 0;
}.related-item {
    margin-top: 2rem;
}

.related-item .product-item:hover {
    transform: scale(1.02);
}#contact-content .store-item {
    margin-bottom: 1rem;
    border: none;
}

#contact-content .store-item .store-map iframe {
    width: 100%;
    height: 100%;
}

#contact-content .store-item .card-body a {
    color: var(--text-color);
}

#contact-content #google-maps-wrapper {
    height: 500px;
}#our-brand [data-tpl="image-wrapper"] {
	margin-bottom: 1.5rem;
	--bs-gutter-y: 1.5rem;
}

#our-brand [data-tpl="image"] {
	position: relative;
	overflow: hidden;
	display: flex;
	--bs-aspect-ratio: calc(9 / 16 * 100%);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#highlight-classifier [data-tpl="row-highligh-division"] {
	--bs-gutter-y: 1.5rem;
	--bs-gutter-x: 1.5rem;
}

#highlight-classifier [data-tpl="row-highligh-image"] {
	height: 300px;
}

#highlight-classifier [data-tpl="row-highligh-image"] a {
	color: #000;
	text-decoration: none;
	font-size: 1.1rem;
	text-align: center;
}

#highlight-classifier [data-tpl="row-highligh-image"] [data-tpl="image-wrapper"] {
	height: 48.5%;
}

#highlight-classifier [data-tpl="row-highligh-image"] [data-tpl="image"] {
	border: 1px solid #9f9f9f;
	/* height: 250px;  */
	height: 100%;
	background-size: cover;
  	background-position: center;
}

#highlight-classifier [data-tpl="row-highligh-image"] [data-tpl="image"].ratio::before {
	--bs-aspect-ratio: 98%
}

#homepage-about-us .inner {
	--bs-gutter-x: 1.5rem;
}

#homepage-about-us [data-tpl="row-img-text"] {
	margin-bottom: 1.5rem;
	--bs-gutter-y: 1.5rem;
}

#homepage-about-us [data-tpl="image"] {
	display: flex;
	align-items: center;
	height: 100%;
}

#homepage-about-us [data-tpl="image"] img {
	max-width: 100%;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

#homepage-about-us [data-tpl="text"] {
	display: flex;
	align-items: center;
	color: #000;
	font-size: 1rem;
	letter-spacing: 1px;
	text-align: justify;
}

#homepage-about-us [data-tpl="list"] {
	color: #000;
	font-size: 1rem;
	gap: 0.75rem;
}

#homepage-about-us [data-tpl="list"] [data-tpl="icon"] {
	color: var(--red);
	font-size: 2rem;
	margin-right: 1rem;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

	#highlight-classifier [data-tpl="row-highligh-image"] {
		height: 500px;
	}

	#our-brand [data-tpl="image-wrapper"] {
		--bs-gutter-y: 0;
	}

	#homepage-about-us [data-tpl="row-img-text"] {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		margin-bottom: 0;
	}

	#homepage-about-us [data-tpl="list"] {
		justify-content: space-between;
		gap: 0;
	}

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}#newsletter-section [data-tpl="image"] {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
    background-size: contain;
}

#newsletter-section [data-tpl="title"] {
	color: var(--red);
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

#newsletter-section [data-tpl="title"] > * {
	margin-bottom: 0.75rem;
	line-height: 1.5rem;
	font-weight: bold;
}

#newsletter-section [data-tpl="subtitle"] {
	color: #000;
	margin-bottom: 1.5rem;
	line-height: 1;
}

#newsletter-section .input-group {
	color: #000;
	margin-bottom: 1.5rem;
}

#newsletter-section button[type="submit"] {
	border-radius: 0;
	padding: 1.25rem 2.5rem;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

	#newsletter-section [data-tpl="title"] {
		margin-top: 4.5rem;
		margin-bottom: 2rem;
	}

	#newsletter-section [data-tpl="title"] > * {
		margin-bottom: 1.75rem;
	}

	#newsletter-section [data-tpl="subtitle"] {
		margin-bottom: 3.75rem;
	}

	#newsletter-section .input-group {
		margin-bottom: 4rem;
	}

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}[data-tpl="grid-item"] .image-wrapper-outer {}

[data-tpl="grid-item"] .image-wrapper-inner>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5%;
}

[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] {
    right: 0;
    gap: 1rem;
}

[data-tpl="grid-item"] [data-tpl="quantity-wrapper"]>* {
    min-width: 1.8rem;
    min-height: 1.8rem;
    padding: 0;
}

[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
    border: 1px solid #e52527;
    width: 1.8rem;
    height: 1.8rem;
}

[data-tpl="quantity-display"] {
    width: 2.8rem !important;
}

[data-tpl="grid-item"] .card-title {
    margin: 0.5rem 0 0.5rem;
    line-height: 1.2rem;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
}

[data-tpl="grid-item"] [data-tpl="more-info"] {
    color: #a2a2a2;
    margin-bottom: 0.5rem;
}

[data-tpl="grid-item"] [data-tpl="consumption-period"] {
    color: #a2a2a2;
    min-height: 1rem;
    margin-bottom: 0.25rem;
}

[data-tpl="grid-item"] [data-tpl="price-info"] {
    color: #e52527;
    margin-bottom: 1.5rem;
    min-height: 43px;
}

[data-tpl="grid-item"] [data-tpl="price-per-unit-measure"] {
    color: #a2a2a2;
    font-size: .8rem;
}

[data-tpl="grid-item"] [data-tpl="current-price"] [data-tpl="value"] {
    font-weight: bold;
}

[data-tpl="grid-item"] [data-tpl="price-info"] [data-tpl="old-price"] {
    color: #848484;
    text-decoration: line-through;
    font-size: .8rem;
}

[data-tpl="grid-item"] button[type="submit"] {
    text-transform: uppercase;
    display: flex;
    gap: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.75rem;
}

[data-tpl="grid-item"] [data-tpl="purchase-wrapper"] [data-tpl-btn="add-to-cart"]:disabled,
[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-decrease"]:disabled,
[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-increase"]:disabled {
    background-color: var(--red-disabled);
}

[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"]::-webkit-inner-spin-button,
[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[data-tpl="grid-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
    -moz-appearance: textfield;
    /* Firefox */
}

[data-tpl="grid-item"] .upselling-wrapper {
    height: 0px;
    position: absolute;
    background-color: white;
    bottom: 0;
    left: .5rem;
    right: .5rem;
    overflow: hidden;
}

[data-tpl="grid-item"] .upselling-wrapper button {
    display: block;
    width: 100%;
}


/* SM */

@media (min-width: 576px) {

    [data-tpl="grid-item"] .card-title {
        min-height: 3.8rem;
    }
}

/* MD */

@media (min-width: 768px) {

    [data-tpl="grid-item"] .card-title {
        min-height: 3.8rem;
    }

}

/* LG */

@media (min-width: 992px) {

    [data-tpl="grid-item"] .card-title {
        font-size: 1.1rem;
    }

    [data-tpl="grid-item"] button[type="submit"] {
        gap: 0.75rem;
        --bs-btn-padding-x: 1.875rem;
        --bs-btn-padding-y: 0.75rem;
    }

    [data-tpl="grid-item"] .card-title {
        min-height: 5.5rem;
    }

}

/* XL */

@media (min-width: 1200px) {}

/* XXL */

@media (min-width: 1400px) {

    [data-tpl="grid-item"] .card-title {
        height: 3.8rem;
    }
}[data-tpl="list-item"] .image-wrapper-outer {
    border: 1px solid #9f9f9f;
}

[data-tpl="list-item"] .image-wrapper-inner>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[data-tpl="list-item"] [data-tpl="quantity-wrapper"] {
    margin-bottom: 30px;
    gap: 1.5rem;
}

[data-tpl="list-item"] [data-tpl="quantity-wrapper"]>* {
    min-width: 1.8rem;
    min-height: 1.8rem;
    padding: 0;
}

[data-tpl="list-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
    border: 1px solid #e52527;
    width: 1.8rem;
    height: 1.8rem;
}

[data-tpl="quantity-display"] {
   width: 2.8rem !important; 
}

[data-tpl="list-item"] [data-tpl="name"] {
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
}

[data-tpl="list-item"] [data-tpl="name"]:hover {
    color: var(--red);
}

[data-tpl="list-item"] [data-tpl="more-info"] {
    color: #a2a2a2;
    margin-bottom: 1.5rem;
}

[data-tpl="list-item"] [data-tpl="consumption-period"] {
    color: #a2a2a2;
    min-height: 1rem;
    margin-bottom: 0.25rem;
}

[data-tpl="list-item"] [data-tpl="price-info"] {
    color: #e52527;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

[data-tpl="list-item"] [data-tpl="price-per-unit-measure"] {
    color: #a2a2a2;
    font-size: 1rem;
}

[data-tpl="list-item"] [data-tpl="current-price"] [data-tpl="value"] {
    font-weight: bold;
}

[data-tpl="list-item"] [data-tpl="price-info"] [data-tpl="old-price"] {
    color: #848484;
    text-decoration: line-through;
    font-size: .8rem;
}

[data-tpl="list-item"] button[type="submit"] .fas {
    margin-right: .75rem;
}

[data-tpl="list-item"] [data-tpl="purchase-wrapper"] [data-tpl-btn="add-to-cart"]:disabled,
[data-tpl="list-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-decrease"]:disabled,
[data-tpl="list-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-increase"]:disabled {
    background-color: var(--red-disabled);
}

[data-tpl="list-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"]::-webkit-inner-spin-button,
[data-tpl="list-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[data-tpl="list-item"] [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
  -moz-appearance: textfield; /* Firefox */
}

[data-tpl="list-item"] .upselling-wrapper {
    height: 0px;
    position: absolute;
    background-color: white;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: 20%;
}

[data-tpl="list-item"] .upselling-wrapper button {
    display: block;
    width: 100%;
}
#section-product-content .row[data-tpl="main-row"] {
    margin-bottom: 1.5rem;
    --bs-gutter-y: 1.5rem;
}

#section-product-content [data-tpl="group-image"] {
    display: flex;
    column-gap: 1.5rem;
}

#section-product-content [data-tpl="group-image"]>.row {
    --bs-gutter-x: 50px;
}

#section-product-content [data-tpl="other-image"] {
    width: 22.9%;
}

#section-product-content [data-tpl="cover-image"] {
    position: relative;
}

#section-product-content [data-tpl="is-new-badge"] {
    position: absolute;
    right: 2rem;
    background-color: var(--red-hover);
    color: #fff;
    padding: 1.5rem 1.25rem;
    z-index: 1;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-weight: bold;
    font-size: 1.5rem;
    box-shadow: 2px 2px 3px 0px rgb(111, 111, 111);
}

#section-product-content [data-tpl="cover-image"] .ratio {
    --bs-aspect-ratio: 100%;
}

#section-product-content [data-tpl="other-image"] .ratio {
    --bs-aspect-ratio: 100%;
}

#section-product-content [data-tpl="other-image"] [data-tpl="image-outline"] {
    padding: 5%;
}

#section-product-content [data-tpl="cover-image"] [data-tpl="image-outline"] {
    border: 1px solid var(--bs-border-color);
    padding: 5%;
}

#section-product-content [data-tpl="other-image"] .splide__track--nav>.splide__list>.splide__slide {
    border: 1px solid var(--bs-border-color);
}

#section-product-content [data-tpl="other-image"] .splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 1px solid black;
}

#section-product-content [data-tpl="other-image"] .splide__track--nav>.splide__list>.splide__slide.is-active [data-tpl="image-outline"] {}

#section-product-content [data-tpl="other-image"] ul li:last-child {
    margin-bottom: 0;
}

#section-product-content [data-tpl="row-name-vat"] {
    gap: 2rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="name"] {
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    color: #000;
    line-height: 1;
}

#section-product-content [data-tpl="vat-rate-badge"] {
    width: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    --bs-aspect-ratio: 100%;
}

#section-product-content [data-tpl="product-information"] [data-tpl="brand"] a,
#section-product-content [data-tpl="product-information"] [data-tpl="reference"],
#section-product-content [data-tpl="product-information"] [data-tpl="qty-by-box"],
#section-product-content [data-tpl="product-information"] [data-tpl="consumption-period"],
#section-product-content [data-tpl="product-information"] [data-tpl="availability"],
#section-product-content [data-tpl="product-information"] [data-tpl="category-list"] a,
#section-product-content [data-tpl="product-information"] [data-tpl="category-list"] span,
#section-product-content [data-tpl="product-information"] [data-tpl="variation-select-wrapper"] label,
#section-product-content [data-tpl="product-information"] [data-tpl="variation-select-wrapper"] select,
#section-product-content [data-tpl="product-information"] [data-tpl="variation-select-wrapper"] h5 {
    color: #adadad !important;
    text-decoration: none !important;
}

#section-product-content [data-tpl="product-information"] [data-tpl="category-list-item"]:hover,
#section-product-content [data-tpl="product-information"] [data-tpl="share-link-icon"] span {
    color: var(--red);
}

#section-product-content [data-tpl="product-information"] [data-tpl="current-price"] {
    color: var(--red);
    line-height: 1;
    font-size: 2rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="current-price"] [data-tpl="value"] {
    font-weight: bold;
}

#section-product-content [data-tpl="product-information"] [data-tpl="price-per-unit-measure"] {
    color: #adadad;
    font-size: 1.0rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="date-promotion"] {
    color: #adadad;
    font-size: 1rem;
    margin-bottom: .5rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="date-promotion"] [data-tpl="label"] {
    font-weight: bold;
}

#section-product-content [data-tpl="product-information"] [data-tpl="old-price"] {
    color: #adadad;
    font-weight: bold;
    font-size: 1rem;
    text-decoration: line-through;
    margin-bottom: 1rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="product-action"] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

#section-product-content [data-tpl="product-information"] [class="wishlist-action"] {}

#section-product-content [data-tpl="product-information"] [class="wishlist-action"] .btn {
    color: var(--red);
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    font-size: 1.5rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="cart-action"] {
    min-width: 125px;
}

#section-product-content [data-tpl="product-information"] [data-tpl="cart-action"] .input-group {
    align-items: center;
    border: 1px solid var(--red);
    border-radius: 4px;
    font-size: 1.25rem;
    color: var(--red);
}

#section-product-content [data-tpl="product-information"] [data-tpl="cart-action"] .input-group .btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 1.25rem;
    color: var(--red);
    font-weight: bold;
}

#section-product-content [data-tpl="product-information"] [data-tpl="cart-action"] [datdata-tpl="label"] {
    font-size: 1rem;
}

#section-product-content [data-tpl="product-information"] [data-tpl="cart-action"] [data-tpl="value"] {
    margin-right: .5rem;
}

#section-product-content [data-tpl="product-text-type"] {
    border-bottom: 1px solid #b6b6b6;
    margin-bottom: 1.5rem;
    height: 440px;
    max-height: 440px;
}

#section-product-content [data-tpl="product-text-type"] .nav-underline {
    --bs-nav-underline-gap: 0;
    --bs-nav-underline-link-active-color: var(--red);
    --bs-nav-link-hover-color: var(--red);
    --bs-nav-underline-border-width: 1px;
    margin-bottom: 1rem;
}

#section-product-content [data-tpl="product-text-type"] .nav-underline .nav-link {
    border-bottom-color: #b6b6b6;
}

#section-product-content [data-tpl="product-text-type"] .nav-underline .nav-link.active,
#section-product-content [data-tpl="product-text-type"] .nav-underline .show>.nav-link {
    border-bottom-width: 1px;
}

#section-product-content [data-tpl="product-text-type"] .nav-underline .nav-link.active {
    font-weight: normal;
}

#section-product-content [data-tpl="product-text-type"] .nav-link {
    --bs-nav-link-font-size: 1.25rem;
    line-height: 1;
    --bs-nav-link-color: #4b566b;
}

#section-product-content [data-tpl="product-text-type"] .tab-content>.tab-pane {
    height: 100%;
    max-height: 392px;
    overflow-y: auto;
}

/*
 * Product Feedback
 */
#section-product-content [data-tpl="product-feedback"] {
    border-bottom: 1px solid #b6b6b6;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="title"] {
    font-size: 1.25rem;
    font-weight: bold;
    color: #000;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-row"] {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 1.5rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-row"]>*:first-child {
    border-right: 1px solid #b6b6b6;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] {
    margin-top: 1.2rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] [data-tpl="rating"] {
    color: var(--red);
    font-size: 2rem;
    display: flex;
    gap: .5rem;
    margin-bottom: 1.5rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] .gl-star-rating {
    margin-bottom: 1.2rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] .gl-star-rating .gl-star-rating--stars {
    gap: 0.5rem;
    --gl-star-size: 29px;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] textarea {
    min-height: 320px;
    border-radius: 30px;
    margin-bottom: 1.5rem;
    resize: none;
    padding: 1.75rem 2rem 1.75rem 1.75rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] button[type="submit"] {
    font-size: 1.25rem;
    --bs-btn-padding-x: 3rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-list"] {
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-color: #b6b6b6;
    --bs-list-group-border-radius: 0;
    overflow: auto;
    max-height: 350px;
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-item"] {
    border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    --bs-list-group-item-padding-x: 1.25rem;
    --bs-list-group-item-padding-y: 1.25rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-item"]:last-child {
    border-bottom: 0;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="username"] {
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="rating"] {
    color: var(--red);
    font-size: 1.25rem;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="message"] {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="message"].unclamp {
    -webkit-line-clamp: initial;
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="see-more"] {
    text-decoration: underline;
    color: var(--red);
    font-size: 1rem;
}

#section-product-related [data-tpl="title"] {
    font-size: 1.25rem;
    font-weight: bold;
    color: #000;
    display: inline-block;
    margin-bottom: 1.5rem;
}

#section-product-related .inner {
    border: none;
    padding: 0;
    margin-bottom: 1.5rem;
}

#section-product-content [data-tpl="quantity-wrapper"] {
    right: 0;
    gap: 1rem;
}

#section-product-content [data-tpl="quantity-wrapper"]>* {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
}

#section-product-content [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
    border: 1px solid #e52527;
    min-width: 2.8rem;
    min-height: 1.8rem;
}

#section-product-content [data-tpl="purchase-wrapper"] [data-tpl-btn="add-to-cart"]:disabled,
#section-product-content [data-tpl="quantity-wrapper"] [data-tpl="quantity-decrease"]:disabled,
#section-product-content [data-tpl="quantity-wrapper"] [data-tpl="quantity-increase"]:disabled {
    background-color: var(--red-disabled);
}

#section-product-content [data-tpl="product-feedback"] textarea:disabled::placeholder {
    color: white;
    font-size: 1.25rem;
    text-align: center;
}

#section-product-content [data-tpl="product-feedback"] textarea:disabled,
#section-product-content [data-tpl="product-feedback"] textarea:disabled:hover {
    background-color: var(--grey-disabled);
    border-color: var(--grey-disabled);
}

#section-product-content [data-tpl="product-feedback"] [data-tpl="rating"] .selected {
    color: var(--red) !important;
}

#section-product-content .upselling-badge {
    background-color: #f3cf2d;
}

#section-product-content .upselling-badge span {
    font-size: 0.9rem;
    color: #000;
}

#section-product-content .upselling-badge .upselling-price-per-unit {
    font-size: 0.8rem;
}

#section-product-content .upselling-badge {
    cursor: pointer;
}

#section-product-content .upselling-wrapper {
    display: inline-block;
}

#section-product-content .upselling-right-border {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    width: 0;
    border: 1.4rem dashed transparent;
    border-left: 0.8rem solid #f3cf2d;
    left: .25em;
}

#section-product-content [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"]::-webkit-inner-spin-button,
#section-product-content [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#section-product-content [data-tpl="quantity-wrapper"] [data-tpl="quantity-display"] {
  -moz-appearance: textfield; /* Firefox */
}


/* SM */

@media (min-width: 576px) {}

/* MD */

@media (min-width: 768px) {}

/* LG */

@media (min-width: 992px) {

    #section-product-content [data-tpl="is-new-badge"] {
        padding: 1.75rem 1.5rem;
    }

    #section-product-content [data-tpl="product-information"] [data-tpl="name"] {
        font-size: 1.25rem;
    }

    #section-product-content [data-tpl="product-information"] [data-tpl="current-price"] {
        font-size: 1.5rem;
    }

    #section-product-content [data-tpl="product-text-type"] .nav-underline .nav-link.active,
    #section-product-content [data-tpl="product-text-type"] .nav-underline .show>.nav-link {
        border-bottom-width: 2px;
    }

    #section-product-content [data-tpl="product-text-type"] .nav-link {
        --bs-nav-link-font-size: 1.25rem;
    }

    #section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-action"] textarea {
        min-height: 320px;
    }

    #section-product-content [data-tpl="product-feedback"] [data-tpl="feedback-list"] {
        max-height: 478px;
    }

}

/* XL */

@media (min-width: 1200px) {}

/* XXL */

@media (min-width: 1400px) {}#section-product-list [data-tpl="top-product-list"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#section-product-list [data-tpl="top-product-list"] [data-tpl="pagination-counter"] {
    padding-right: 1rem;
    margin-right: 1rem;
    border-right: 1px solid #d0d0d0;
    display: none;
}

#section-product-list [data-tpl="top-product-list"] [data-tpl="left"] {
    display: flex;
    align-items: center;
}

#section-product-list [data-tpl="top-product-list"] [data-tpl="right"] {
    display: flex;
    align-items: center;
    justify-content: end;
}

#section-product-list [data-tpl="top-product-list"] [data-tpl="right"] [data-tpl="active-filter"] li {
    border-radius: var(--bs-border-radius);
    font-size: 1rem;
}

#section-product-list [data-tpl="bottom-product-list"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#section-product-list [data-tpl="product-list"] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#section-product-list [data-tpl="view-trigger"] a {
    --bs-btn-font-size: 2.25rem;
    --bs-btn-color: #d0d0d0;
    --bs-btn-active-color: var(--red);
    --bs-btn-hover-color: var(--red);
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
}

#section-product-list [data-tpl="sort-wrapper"] {
    color: #000;
    font-size: 1.1rem;
    gap: .25rem;
    line-height: 1;
}

#section-product-list [data-tpl="active-filter"] {
    color: #000;
    font-size: 1.1rem;
    line-height: 1.5;
}


#section-product-list [data-tpl="active-filter"] li {
    position: relative;
    cursor: pointer;
}

#section-product-list [data-tpl="active-filter"] .remove-filter-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--red);
    z-index: 1;
    font-size: 1.5rem;
}

#section-product-list [data-tpl="active-filter"] li:hover .remove-filter-icon {
    display: inline;

}

#section-product-list [data-tpl="active-filter"] li:hover .filter-display-name{
    opacity: 0.2;
}


#section-product-list [data-tpl="filter"] {
    --bs-btn-bg: #ececec;
    --bs-btn-active-bg: #ececec;
    --bs-btn-hover-bg: #ececec;
    --bs-btn-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-active-color: #000;
    --bs-border-radius: 0;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.75rem;
}

#section-product-list [data-tpl="filter"] [data-tpl="label"] {
    display: none;
    margin-left: .5rem;
}

#section-product-list [data-tpl="banner"] [data-tpl="text"] {
    padding: 1.5rem 0;
    color: #000;
    font-weight: bold;
    font-size: 2rem;
    border-bottom: 1px solid #b6b6b6;
}

#section-product-list [data-tpl="banner"] .ratio[data-tpl="image-outer"] {
    margin-top: -1px;
    --bs-aspect-ratio: calc(1 / 4 * 100%); /* Aspectio ratio 4:1 */
}

#section-product-list [data-tpl="banner"] [data-tpl="image"], #section-product-list [data-tpl="banner"] [data-tpl="image-outer"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    height: auto;
    max-height: 466px;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

    #section-product-list [data-tpl="banner"] [data-tpl="image"], #section-product-list [data-tpl="banner"] [data-tpl="image-outer"] {
        height: 33vw;
        max-height: 466px;
    }
}

/* LG */

@media (min-width: 992px) {

    #section-product-list [data-tpl="top-product-list"] [data-tpl="pagination-counter"] {
        display: block;
    }

    #section-product-list [data-tpl="filter"] [data-tpl="label"] {
        display: inline-block;
    }

    #section-product-list [data-tpl="banner"] [data-tpl="image"], #section-product-list [data-tpl="banner"] [data-tpl="image-outer"] {
        height: 25.5vw;
        max-height: 466px;
    }

}

/* XL */

@media (min-width: 1200px) {

    #section-product-list [data-tpl="banner"] [data-tpl="image"], #section-product-list [data-tpl="banner"] [data-tpl="image-outer"] {
        height: 18vw;
        max-height: 466px;
    }
}

/* XXL */

@media (min-width: 1400px) {
}

#filter-list .offcanvas-header {
    position: absolute;
    right: 0;
    top: 0;
}

#filter-list .btn-close {
    --bs-btn-close-bg: none;
    --bs-btn-close-color: var(--red);
    --bs-btn-close-opacity: 1;
    font-size: 1.25rem;
}

#filter-list .offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#filter-list [data-tpl="filter-item-list"] {
    flex-direction: column;
    gap: 1rem;
}

#filter-list [data-tpl="title"] {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    display: inline-block;
}

#filter-list .nav[data-tpl="filter-item-list"]  {
    --bs-nav-link-color: #000;
    --bs-nav-link-hover-color: #000;
    --bs-nav-link-disabled-color: #000;
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.25rem;
}

#filter-list [data-tpl="filter-item-list"] [data-tpl="checkmark"] {
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 1px solid var(--red);
    position: relative;
    transition: all .4s ease 0s;
    background-color: #fff;
}

#filter-list [data-tpl="filter-item-list"] #show-more-less:hover {
    cursor: pointer;
    text-decoration: underline;
}

#filter-list [data-tpl="filter-item-list"]  .nav-link {
    display: flex;
    align-items: center;
    gap: .5rem;
}

#filter-list [data-tpl="filter-item-list"]  [data-tpl="checkmark"]:after {
    content: "\f00c";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--red);
    opacity: 0;
}

#filter-list [data-tpl="filter-item-list"] .nav-link:hover [data-tpl="checkmark"]:after {
    opacity: 0.25;
}

#filter-list [data-tpl="filter-item-list"] .nav-link:focus [data-tpl="checkmark"]:after {
    opacity: 0.25;
}

#filter-list [data-tpl="filter-item-list"]  .nav-link.active [data-tpl="checkmark"]:after {
    opacity: 1;
}

#filter-list [data-tpl="filter-item-list"] [data-tpl="icon-wrapper"] {
    display: flex;
    justify-content: end;
}

#filter-list [data-tpl="filter-item-list"] [data-tpl="icon"] {
    margin-left: auto;
    color: var(--red);
    font-size: 1.25rem;
    padding: .25rem .5rem .5rem .5rem;
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}

#filter-list [data-tpl="filter-item-list"] [data-tpl="icon-wrapper"].collapsed [data-tpl="icon"] {
    transform: rotate(0deg);
    padding: .25rem 0 .25rem 1rem;
}


#filter-list .nav[data-tpl="filter-item-list-submenu"]  {
    --bs-nav-link-color: #000;
    --bs-nav-link-hover-color: #000;
    --bs-nav-link-disabled-color: #000;
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.25rem;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
    padding-left: .5rem;
    flex-wrap: nowrap;
}

.filter-btn[data-tpl="filter"] {
    margin-left: 1rem;
}[data-tpl="percentage"].discount-badge{
    position: absolute;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--red-hover);
    border-radius: 50%;
    border-bottom-right-radius: 5px;
    color: #fff;
    font-size: 0.7rem;
    font-weight: bold;
    box-shadow: 2px 2px 3px 0px rgb(111, 111, 111);
}

#section-product-content [data-tpl="percentage"].discount-badge.discount-badge-md{
    width: 50px;
    height: 50px;
    position: relative;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}[data-tpl="is-new-badge"] {
    position: absolute;
    right: 0rem;
    background-color: var(--red-hover);
    color: #fff;
    padding: 1rem .75rem;
    z-index: 1;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    font-weight: bold;
    font-size: 0.7rem;
    box-shadow: 2px 2px 3px 0px rgb(111, 111, 111);
}section[id^='carousel-'] .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
}

section[id^='carousel-'] .carousel-control-prev-icon,
section[id^='carousel-'] .carousel-control-next-icon {
    width: 4rem;
    height: 4rem;
}

section[id^='carousel-'] .carousel-inner {
}section[id^='carousel-'][data-name="main-slider"] {
}



section[id^='carousel-'][data-name="main-slider"] .carousel-indicators {
    position: relative;
    margin: .75rem 0;
}

section[id^='carousel-'][data-name="main-slider"] .carousel-indicators [data-bs-target] {
    background-color: #a0a0a0;
}

section[id^='carousel-'][data-name="main-slider"] .carousel-item {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
}

section[id^='carousel-'][data-name="main-slider"] .item-image, section[id^='carousel-'][data-name="main-slider"] .carousel-inner {
    height: auto;
    max-height: 441px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

@media (min-width: 768px) {

    section[id^='carousel-'][data-name="main-slider"] .item-image, section[id^='carousel-'][data-name="main-slider"] .carousel-inner {
        height: 33vw;
        max-height: 466px;
    }
}

@media (min-width: 992px) { 

    section[id^='carousel-'][data-name="main-slider"] .item-image, section[id^='carousel-'][data-name="main-slider"] .carousel-inner {
        height: 25.5vw;
        max-height: 466px;
    }
}

@media (min-width: 1280px) { 

    section[id^='carousel-'][data-name="main-slider"] .item-image, section[id^='carousel-'][data-name="main-slider"] .carousel-inner {
        height: 18vw;
        max-height: 466px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    section[id^='carousel-'][data-name="main-slider"] .item-image, section[id^='carousel-'][data-name="main-slider"] .carousel-inner {
        height: auto;
        max-height: 480px;
    }
}
section[id^='splide-'][data-name="highlight-circle"] .wrapper-image {
    width: 7.5rem;
    height: 7.5rem;
    border: 1px solid #9f9f9f;
}

section[id^='splide-'][data-name="highlight-circle"] .card-title {
    margin-bottom: 0;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

    section[id^='splide-'][data-name="highlight-circle"] {
        padding: 0 2.5rem;
    }

}

/* LG */

@media (min-width: 992px) {

    section[id^='splide-'][data-name="highlight-circle"] {
        padding: 0 5rem;
    }

    section[id^='splide-'][data-name="highlight-circle"] .wrapper-image {
        width: 10rem;
        height: 10rem;
    }

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}section[id^="splide-"][data-name="highlight-classifier"] {
	overflow: hidden;
}

section[id^="splide-"][data-name="highlight-classifier"] .splide__track {
	height: 300px;
}

section[id^="splide-"][data-name="highlight-classifier"] .splide__slide .highlight-classifier-splide-item {
    width: 100%;
    background-size: cover;
    background-position: center;
}

section[id^="splide-"][data-name="highlight-classifier"] .splide__arrow {
    width: 4rem;
    height: 300px;
    border-radius: 0;
    opacity: .4;
	top: 0%;
	transform: translateY(0%);
}

section[id^="splide-"][data-name="highlight-classifier"] .splide__arrow--next {
	right: 0;
}

section[id^="splide-"][data-name="highlight-classifier"] .splide__arrow--prev {
	left: 0;
}

@media (min-width: 992px) {

    section[id^="splide-"][data-name="highlight-classifier"] .splide__track {
	    height: 500px;
    }

	section[id^="splide-"][data-name="highlight-classifier"] .splide__arrow {
		height: 500px;
	}

}
#section-customer-dashboard .section-customer-card{
    background-color: rgb(248, 248, 248);
}#section-customer-return-item #customer-return-item-form .form-check-input:checked {
    background-color: var(--red);
    border-color: var(--red);
}

#section-customer-return-item [data-tpl="quantity-wrapper"]>* {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
}

#section-customer-return-item [data-tpl="quantity-wrapper"] input {
    border: 1px solid #e52527;
    min-width: 1.8rem;
    min-height: 1.8rem;
}

#section-customer-return-item [data-tpl="quantity-wrapper"] input::-webkit-inner-spin-button,
#section-customer-return-item [data-tpl="quantity-wrapper"] input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#section-customer-return-item [data-tpl="quantity-wrapper"] input {
  -moz-appearance: textfield; /* Firefox */
}
#customer-order #orders-datatable_wrapper a.page-link {
    color: var(--red);
}

#customer-order #orders-datatable_wrapper .dt-paging-button.page-item.active a{
    background-color: var(--red);
    color: white;
    border-color: var(--red);
}

#orders-datatable_wrapper .recurring-order-btn.disabled {
    cursor: default;
    color: rgb(115, 115, 115);
    text-decoration: none;
}

#customer-order #orders-datatable .download-btn:hover {
    color: var(--red);
    cursor: pointer;
}#section-customer-coupon #used-coupon-list p,
#section-customer-coupon #available-coupon-list p {
    margin-bottom: 0 !important;
}
#step-wizard::before {
    left: 0;
    right: 0;
    top: 1.25rem;
    bottom: 0;
    position: absolute;
    content: " ";
    height: 1px;
    z-index: 0;
}

#step-wizard .step {
    z-index: 1;
}

#step-wizard .is-previous-step a {
    text-decoration: none;
}

#step-wizard .step .step-number {
    background-color: var(--light);
    cursor: initial;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    line-height: 2.4rem;
    font-size: 1rem;
    color: var(--text-color);
}

#step-wizard .step:nth-child(n+2)::before {
    width: 40%;
    height: 2px;
    display: block;
    transform: translate(-50%, 21px);
    background-color: var(--form-input-selected-border-color);
    content: "";
}

#step-wizard .step.is-previous-step::before {
    background-color: var(--red);
}

#step-wizard .active .step-number {
    color: var(--red);
    border: 2px solid var(--red);
}

#step-wizard .step .step-name {
    display: block;
    font-size: 0.7rem;
}

#step-wizard .is-previous-step .step-number {
    background-color: var(--red);
    cursor: pointer;
    color: white;
}

#step-wizard .active:before {
    background: linear-gradient(to right, var(--red) 0%,
            var(--form-input-selected-border-color) 100%);
}

@media (min-width: 768px) {

    #step-wizard .step:nth-child(n+2)::before {
        width: 75%;
    }

    #step-wizard .step .step-name {
        font-size: 1rem;
    }
}





#step-wizard .is-previous-step a:hover {
    color: var(--red-hover);
}#cart-payment .card {
    position: relative
}

#cart-payment .form-check-input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#cart-payment .form-check-input:checked {
    background-color: var(--red);
    border-color: var(--red);
}/* ===============================================================================
 * Cart item
 * =============================================================================*/

 #cart-item-section .cart {
    margin-bottom: 1rem;
    border-radius: 0;
    border: 0;
    background-color: var(--light);
}

#cart-item-section .cart .cart-header {
    text-align: center;
    font-weight: 700;
    padding-top: .5rem;
}

/* #cart-item-section .btn.disabled {
    color: var(--red-disabled);
} */



#cart-item-section .cart .cart-body .cart-item,
#cart-item-section .cart .cart-body .cart-shipping-package {
    padding: .5rem .25rem;
}

#cart-item-section .cart .cart-body .cart-item.no-stock{
    opacity: .6;
}

#cart-item-section .cart .cart-body .cart-item .cart-item-title,
#cart-item-section .cart .cart-body .cart-shipping-package .cart-package-item-title {
    text-align: left;
}

#cart-item-section .cart .cart-body .cart-item .cart-item-title a {
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

#cart-item-section .cart .cart-body .cart-shipping-package {
    font-size: 0.8rem;
}

#cart-item-section .cart .cart-body .cart-shipping-package .cart-package-item-title .item-name {
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}

#cart-item-section .cart .cart-body .cart-item .cart-item-title span {
    font-size: 80%;
    color: #6c757d;
}

#cart-item-section [data-tpl="remove-coupon-btn"]:hover {
    cursor: pointer;
    color: var(--red);
}

#cart-item-section [data-tpl="quantity-display"] {
    width: 3rem !important;
    flex: 0 1 auto !important;
}

#cart-item-section [data-tpl="quantity-display"]::-webkit-inner-spin-button,
#cart-item-section [data-tpl="quantity-display"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#cart-item-section [data-tpl="quantity-display"] {
  -moz-appearance: textfield; /* Firefox */
}#section-cart-shipping .card {
    position: relative
}

#section-cart-shipping .shipping-option .price .current-price {
    font-size: 1rem;
    font-weight: bold;
    color: var(--text-color);
}

#section-cart-shipping .shipping-option .price .current-price {
    font-size: 1rem;
    font-weight: bold;
    color: var(--text-color);
}

#section-cart-shipping .shipping-option .price .info {
    font-size: .8rem;
}

#section-cart-shipping .form-check-input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#section-cart-shipping .form-check-input:checked {
    background-color: var(--red);
    border-color: var(--red);
}#section-purchase-confirmation #payment-details {
    margin-left: 0;
}

#payment-details {
    width: 100% !important;
}

#payment-details td{
    font-size: 1rem !important;
}

#payment-details img {
    width: 25% !important;
}/** 
 *
 * Coupon Listing Styles 
 *
 */

.coupon-card {
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    /* Hide the sharp edges that may show with the ::before */
}

.coupon-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Diagonal lines for a coupon aesthetic */
.coupon-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(-45deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.1) 5px,
            transparent 5px,
            transparent 10px);
    opacity: 0.5;
    pointer-events: none;
}
@media (min-width: 768px) {
    .coupon-card {
        min-height: 180px;
    }
}

.coupon-name {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.export-code {
    font-size: 1rem;
    font-family: monospace;
    letter-spacing: 2px;
}

@media (min-width: 768px) {
    .export-code {
        font-size: 1.6rem;
    }
}

.coupon-code-box {
    background-color: rgba(0, 0, 0, 0.15);
    max-width: 90% !important;
}

.discount-label {
    line-height: 1;
}

.coupon-dark-tone {
    color: rgba(var(--bs-light-rgb), 1) !important;
}
.coupon-dark-tone .coupon-code-box {
    border-color: white !important;
}
.coupon-dark-tone .export-code {
    color: white !important;
}

.coupon-light-tone {
    color: rgba(var(--bs-dark-rgb), 1) !important;
}
.coupon-light-tone .coupon-code-box {
    border-color: rgba(255, 255, 255, 0.15);
}
.coupon-light-tone .export-code {
    color: rgba(0, 0, 0, 0.9) !important;
}

/* Used to indicate the coupon is not usable */
.coupon-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none; /* Allows click to pass through to the card */
    border-radius: 0.375rem;
}

/* Show overlay when the card has the 'used' class */
.coupon-card.coupon-used .coupon-overlay {
    opacity: 1;
}
.coupon-overlay i {
    font-size: 5rem;
    color: white;
    opacity: 0.9;
}/* ===============================================================================
 * Sidebar cart
 * =============================================================================*/
#sidebar-cart {
    position: fixed;
    top: 0;
    z-index: 1021;
    background-color: white;
    height: 100vh;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

#sidebar-cart.sidebar-cart-open {
    right: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

#sidebar-cart .sidebar-cart-header {
    background-color: #3d3d3d;
    padding: 15px 20px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 700;
}

#sidebar-cart .sidebar-cart-header button {
    color: #fff;
    padding: 0;
}

#sidebar-cart .sidebar-cart-body {
    flex: 1 1 auto;
    overflow-y: auto;
}

#sidebar-cart .sidebar-cart-body.empty {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--gray);
    align-items: center;
    justify-content: center;
    display: flex;
}

#sidebar-cart .sidebar-cart-body.empty p {
    margin: 0;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item {
    padding: 15px 20px;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-remove {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #ff7b8f;
    cursor: pointer;
    z-index: 1;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-image {
    display: inline-block;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-title {
    color: #363636;
    margin: 0;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-reference {
    font-size: 80%;
    color: #bebebe;
    margin: 0;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-price span {
    color: #363636;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-price del {
    color: #bebebe;
    font-weight: 400;
    margin-right: .25rem;
}

#sidebar-cart .sidebar-cart-body .sidebar-cart-item .sidebar-cart-item-quantity p {
    font-size: 80%;
    color: #bebebe;
    margin: 0;
}

#sidebar-cart .sidebar-cart-footer {
    padding: 15px 20px;
    background-color: #f5f5f5;
    position: relative;
    z-index: 2;
}

#sidebar-cart .sidebar-cart-footer .sidebar-cart-item-total {
    color: var(--gray);
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 0;
}

#sidebar-cart .sidebar-cart-footer .sidebar-cart-shipping-cost {
    color: var(--gray);
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 0;
}

#sidebar-cart .sidebar-cart-footer .sidebar-cart-vat {
    color: var(--gray);
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 0;
}

#sidebar-cart .sidebar-cart-footer .sidebar-cart-price {
    display: flex;
    color: var(--red);
    font-size: 1.5rem;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    margin-bottom: .5rem;
}

/* XS */

@media only screen and (min-width: 0px) {
    #sidebar-cart {
        width: 100vw;
        right: -100vw;
    }
}

/* SM (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* MD (tablets, 768px and up) */

@media (min-width: 768px) {}

/* LG (desktops, 992px and up) */

@media (min-width: 992px) {
    #sidebar-cart {
        width: 28rem;
        right: -28rem;
    }
}

/* XL (large desktops, 1200px and up) */

@media (min-width: 1200px) {}.page-layout {
    position: relative;
}

/* SM */

@media (min-width: 576px) {

}

/* MD */

@media (min-width: 768px) {

}

/* LG */

@media (min-width: 992px) {

}

/* XL */

@media (min-width: 1200px) {

}

/* XXL */

@media (min-width: 1400px) {
}