:root {
    --p-container-width: 75%;
    --p-radius-full: 999999999rem;
    --p-font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /*---------------------------- einput ----------------------------*/
    --p-einput-display: block;
    --p-einput-width: 100%;
    --p-einput-min-height: 1px;
    --p-einput-outline: none;
    --p-einput-border-color: rgba(0, 0, 0, 0.1);
    --p-einput-radius: .3125rem;
    --p-einput-position: relative;
    --p-einput-bg: transparent;
    --p-einput-bg-clip: padding-box;
    --p-einput-py: .85rem;
    --p-einput-px: 1.5rem;
    --p-einput-font-size: .875rem;
    --p-einput-font-family: Poppins;
    --p-einput-fw: 400;
    --p-einput-transition: .25s ease-in-out;
    --p-einput-placeholder-color: rgba(0, 0, 0, 0.6);
    --p-einput-btn-y: 50%;
    --p-einput-btn-x: calc(var(--p-einput-px) - .6rem);
    --p-einput-btn-position: absolute;
    --p-einput-btn-transform: translateY(-50%);
    --p-einput-btn-bg: #cad4da;
    --p-einput-btn-py: .45rem;
    --p-einput-btn-px: 1rem;
    --p-einput-btn-radius: .1563rem;
    --p-einput-btn-font-size: .75rem;
    --p-einput-btn-fw: 600;
    --p-einput-btn-font-family: Montserrat;
    /*---------------------------- emodal ----------------------------*/
    ;
    --p-modal-y: 0;
    --p-modal-x: 0;
    --p-modal-width: 100%;
    --p-modal-height: 100%;
    --p-modal-position: fixed;
    --p-modal-bg: rgba(0, 0, 0, 0.3);
    --p-modal-filter: blur(3px) grayscale(60%);
    --p-modal-zIndex: 9999999999999999999;
    --p-modal-overflow-y: auto;
    --p-modal-display: flex;
    --p-modal-align: center;
    --p-modal-py: 2.5rem;
    --p-modal-font-family: Poppins;
    --p-modal-content-width: 420px;
    --p-modal-content-max-width: 96%;
    --p-modal-content-position: relative;
    --p-modal-content-py: 1.5rem;
    --p-modal-content-px: 2.5rem;
    --p-modal-content-bg: #fff;
    --p-modal-content-radius: 10px;
    /*---------------------------- header ----------------------------*/
    --p-header-btn-display: inline-block;
    --p-header-btn-display-align: center;
    --p-header-btn-display-color: #fff;
    --p-header-btn-display-py: .75rem;
    --p-header-btn-display-px: 1rem;
    --p-header-btn-display-radius: 1px;
    --p-header-btn-display-fw: 400;
    --p-header-btn-display-border-color: #8B759A;
    --p-header-btn-display-transition: .15s ease-in-out;
    --p-header-btn-display-bg: #8B759A;
    /*---------------------------- navbar category ----------------------------*/
    --p-navbar-category-y: 0;
    --p-navbar-category-x: 0;
    --p-navbar-category-width: 320px;
    --p-navbar-category-height: 100%;
    --p-navbar-category-bg: #fff;
    --p-navbar-category-position: fixed;
    --p-navbar-category-zIndex: 999999999999;
    --p-navbar-category-font-family: Poppins;
    --p-navbar-category-header-py: 1.5rem;
    --p-navbar-category-header-px: 2rem;
    --p-navbar-category-header-fw: 600;
    --p-navbar-category-header-font-size: 1.25rem;
    --p-navbar-category-header-display: flex;
    --p-navbar-category-header-align: center;
    --p-navbar-category-close-display: flex;
    --p-navbar-category-close-align: center;
    --p-navbar-category-close-width: 35px;
    --p-navbar-category-close-aspect: 1 / 1;
    --p-navbar-category-close-mx: auto;
    --p-navbar-category-close-font-size: 2rem;
    /*---------------------------- navbar brand ----------------------------*/
    --p-brand-bg: #f3f5f7;
    --p-brand-position: relative;
    --p-brand-display: flex;
    --p-brand-align: center;
    --p-brand-py: .425rem;
    --p-brand-px: 1rem;
    --p-brand-width: 100%;
    --p-brand-height: 42px;
    --p-brand-font-size: .875rem;
    --p-brand-font-weight: 500;
    --p-brand-font-family: 'Poppins', -apple-ui, sans-serif;
    --p-brand-btn-width: 40px;
    --p-brand-btn-height: 110%;
    --p-brand-btn-font-size: 1.25rem;
    /*---------------------------- navbar ----------------------------*/
    --p-navbar-bg: #fff;
    --p-navbar-position: sticky;
    --p-navbar-zIndex: 999999999999999;
    --p-navbar-y: 0;
    --p-navbar-x: 0;
    --p-navbar-width: 100%;
    --p-navbar-height: 70px;
    --p-navbar-border-color: #f0f3f5;
    --p-navbar-border-style: solid;
    --p-navbar-display: flex;
    --p-navbar-align: center;
    --p-navbar-rounded-width: 30px;
    --p-navbar-rounded-aspect: 1/1;
    --p-navbar-rounded-bg: #8b759a;
    --p-navbar-toggle-width: 35px;
    --p-navbar-toggle-aspect: 1/1;
    --p-navbar-toggle-font-size: 1.5rem;
    --p-navbar-toggle-display: flex;
    --p-navbar-toggle-align: center;
    --p-navbar-toggle-cursor: pointer;
    --p-navbar-toggle-space-x: 3px;
    --p-navbar-list-gap: 1.65rem;
    --p-navbar-list-link-font-family: var(--p-font-family);
    --p-navbar-list-link-font-size: .875rem;
    --p-navbar-list-link-gap: .5rem;
    --p-navbar-list-link-icon-font-size: 1.15rem;
    --p-navbar-list-link-count-width: 20px;
    --p-navbar-list-link-count-bg: #000;
    /*---------------------------- path-indicator ----------------------------*/
    --p-path-indicator-gap: .75rem;
    --p-path-indicator-display: flex;
    --p-path-indicator-align: center;
    /*---------------------------- ratings ----------------------------*/
    --p-ratings-display: flex;
    --p-ratings-align: center;
    --p-ratings-gap: 2px;
    --p-ratings-font-size: .725rem;
    --p-ratings-color: #f89220;
    /*---------------------------- backTotop ----------------------------*/
    --p-backto-btn-position: fixed;
    --p-backto-btn-x: 1rem;
    --p-backto-btn-y: 19rem;
    --p-backto-btn-hover-y: 1.5rem;
    --p-backto-btn-active-y: 1rem;
    --p-backto-btn-width: 45px;
    --p-backto-btn-height: 45px;
    --p-backto-btn-aspect: 1/1;
    --p-backto-btn-bg: #8B759A;
    --p-backto-btn-color: #fff;
    --p-backto-btn-cursor: pointer;
    --p-backto-btn-font-size: 1.5rem;
    --p-backto-btn-transition: .45s ease-in-out;
    /*---------------------------- eselect-pc ----------------------------*/
    --p-eselect-width: 100%;
    --p-eselect-display: flex;
    --p-eselect-align: center;
    --p-eselect-py: .75rem;
    --p-eselect-px: 1rem;
    --p-eselect-gap: 8px;
    --p-eselect-border-color: #cad4da;
    --p-eselect-radius: .25rem;
    --p-eselect-font-family: Poppins;
    --p-eselect-fw: 400;
    --p-eselect-hover-border-color: rgba(139, 117, 154, 0.5);
    --p-eselect-focus-shadow: 139, 117, 154;
    --p-eselect-focus-shadow-alpha: .1;
    --p-eselect-transition: .25s ease-in-out;
    --p-eselect-content-y: 105%;
    --p-eselect-content-width: 100%;
    --p-eselect-content-border-radius: var(--p-eselect-radius);
    --p-eselect-content-position: absolute;
    --p-eselect-filter-input-outline: none;
    --p-eselect-filter-input-width: 100%;
    --p-eselect-filter-input-display: block;
    --p-eselect-filter-input-py: .65rem;
    --p-eselect-filter-input-px: 1rem;
    --p-eselect-filter-input-px: 2.5rem;
    --p-eselect-filter-input-font-size: .875rem;
    --p-eselect-filter-input-font-family: Poppins;
    --p-eselect-filter-input-border-color: var(--p-eselect-border-color);
    --p-eselect-filter-input-radius: var(--p-eselect-radius) var(--p-eselect-radius) 0 0;
    --p-eselect-list-bg: #fff;
    --p-eselect-list-max-height: 120px;
    --p-eselect-list-my: 0px;
    --p-eselect-list-border-color: var(--p-eselect-border-color);
    --p-eselect-list-border-top-width: 0;
    --p-eselect-list-radius: 0 0 var(--p-eselect-radius) var(--p-eselect-radius);
    --p-eselect-list-item-outline: none;
    --p-eselect-list-item-display: flex;
    --p-eselect-list-item-align: center;
    --p-eselect-list-item-py: .65rem;
    --p-eselect-list-item-px: 1rem;
    --p-eselect-list-item-font-size: .875rem;
    --p-eselect-list-item-gap: 5px;
    /*---------------------------- btn ----------------------------*/
    --p-btn-outline: none;
    --p-btn-display: inline-block;
    --p-btn-py: .75rem;
    --p-btn-px: 1rem;
    --p-btn-font-size: .875rem;
    --p-btn-fw: 450;
    --p-btn-font-family: Poppins;
    --p-btn-align: center;
    --p-btn-bg: transparent;
    --p-btn-bg-clip: padding-box;
    --p-btn-border-color: #cad4da;
    --p-btn-radius: .25rem;
    --p-btn-color: #120;
    --p-btn-cursor: pointer;
    --p-btn-hover-bg: transparent;
    --p-btn-hover-opacity: 1;
    --p-btn-hover-border-color: rgba(0, 0, 0, 0.4);
    --p-btn-focus-shadow: 0, 0, 0;
    --p-btn-focus-shadow-alpha: .1;
    --p-btn-transition: .25s ease-in-out;
    /*---------------------------- dabge ----------------------------*/
    --p-badge-display: inline-block;
    --p-badge-align: center;
    --p-badge-bg: #fff;
    --p-badge-color: #000;
    --p-badge-font-size: .825rem;
    --p-badge-py: .475rem;
    --p-badge-px: 1rem;
    --p-badge-radius: 4px;
    --p-badge-font-family: 'Poppins';
    --p-badge-border-color: rgba(0, 0, 0, 0.075);
    /*---------------------------- range ----------------------------*/
    --p-range-input-appearance: textfield;
    --p-range-input-spin-appearance: none;
    --p-range-input-spin-m: 0;
    --p-range-radius: .1rem;
    --p-range-position: relative;
    --p-range-display: inline-block;
    --p-range-py: .475rem;
    --p-range-px: 0;
    --p-range-border-color: rgba(0, 0, 0, 0.1);
    /*---------------------------- checkbox ----------------------------*/
    --p-checkbox-appearance: none;
    --p-checkbox-width: 16px;
    --p-checkbox-aspect: 1/1;
    --p-checkbox-border-color: rgba(0, 0, 0, 0.2);
    --p-checkbox-radius: 50%;
    --p-checkbox-bg: #fff;
    --p-checkbox-bg-checked: #8b759a;
    --p-checkbox-content: '';
    --p-checkbox-y: 50%;
    --p-checkbox-x: 50%;
    --p-checkbox-after-position: absolute;
    --p-checkbox-after-width: calc(var(--p-checkbox-width) / 2.5);
    --p-checkbox-after-display: flex;
    --p-checkbox-after-align: center;
    /*---------------------------- wait-preload ----------------------------*/
    --p-wait-preload-position: fixed;
    --p-wait-preload-zIndex: 99999;
    --p-wait-preload-width: 100%;
    --p-wait-preload-height: 100%;
    --p-wait-preload-y: 0;
    --p-wait-preload-x: 0;
    --p-wait-preload-display: flex;
    --p-wait-preload-align: center;
    --p-wait-preload-bg: rgba(0, 0, 0, 0.048);
    /*---------------------------- filter-search-bar ----------------------------*/
    --p-filter-search-outline: none;
    --p-filter-search-font-family: Poppins;
    --p-filter-search-font-size: 1rem;
    --p-filter-search-py: .75rem;
    --p-filter-search-px: 3.5rem;
    --p-filter-search-display: block;
    --p-filter-search-width: 100%;
    --p-filter-search-mx: auto;
    --p-filter-search-radius: 10px;
    --p-filter-search-border-color: rgba(0, 0, 0, 0.05);
    /*---------------------------- filters ----------------------------*/
    --p-browse-filters-position: relative;
    --p-browse-filters-fw: 600;
    --p-browse-filters-font-family: Poppins;
    --p-browse-filters-transform: uppercase;
    --p-browse-filters-font-size: 1.15rem;
    --p-browse-filters-item-position: relative;
    --p-browse-filters-item-py: .875rem;
    --p-browse-filters-item-my: 1rem;
    --p-browse-filters-item-border-color: rgba(0, 0, 0, 0.1);
    --p-browse-filters-content-font-size: .975rem;
    --p-browse-filters-content-name-width: 100%;
    --p-browse-filters-content-name-display: flex;
    --p-browse-filters-content-name-align: center;
    --p-browse-filters-content-name-py: .375rem;
    --p-browse-filters-content-name-px: 0;
    --p-browse-filters-content-name-cursor: pointer;
    --p-browse-filters-content-name-fw: 400;
    --p-browse-filters-content-name-py: .875rem;
    --p-browse-filters-content-name-my: .875rem;
    --p-browse-filters-content-items-max-height: 260px;
    --p-browse-filters-content-items-overflow-y: auto;
    --p-browse-filters-content-items-all-display: flex;
    --p-browse-filters-content-items-all-align: center;
    --p-browse-filters-content-items-all-gap: 4px;
    --p-browse-filters-content-items-all-position: relative;
    --p-browse-filters-content-items-all-font-size: .875rem;
    --p-browse-filters-content-items-all-py: .265rem;
    --p-browse-filters-content-items-all-px: 0;
    --p-browse-filters-content-items-all-cursor: pointer;
    --p-browse-filters-input-outline: none;
    --p-browse-filters-input-width: 50%;
    --p-browse-filters-input-flex: 1;
    --p-browse-filters-input-py: .65rem;
    --p-browse-filters-input-px: 1rem;
    --p-browse-filters-input-border-color: rgba(0, 0, 0, 0.15);
    --p-browse-filters-input-bg: transparent;
    --p-browse-filters-input-transition: .25s ease-in-out;
    --p-browse-mobile-y: 0;
    --p-browse-mobile-x: -120%;
    --p-browse-mobile-width: 360px;
    --p-browse-mobile-height: 100%;
    --p-browse-mobile-position: fixed;
    --p-browse-mobile-zIndex: 999999999;
    --p-browse-mobile-overflow-y: auto;
    --p-browse-mobile-bg: #fff;
    --p-browse-mobile-py: 1rem;
    --p-browse-mobile-px: 2rem;
    --p-browse-mobile-box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
    --p-browse-mobile-close-btn-width: 40px;
    --p-browse-mobile-close-btn-height: 38px;
    --p-browse-mobile-close-btn-aspect: 1 / 1;
    --p-browse-mobile-close-btn-font-size: 2rem;
    --p-browse-mobile-close-btn-cursor: pointer;
    --p-browse-mobile-close-btn-mx: .5rem;
    --p-browse-mobile-close-btn-transition: .25s ease-in-out;
    /*---------------------------- price-comparison (pc) ----------------------------*/
    --p-price-comparison-width: 100%;
    --p-price-comparison-bg: #fff;
    --p-price-comparison-py: 1rem;
    --p-price-comparison-px: 1rem;
    --p-price-comparison-radius: 20px;
    --p-price-comparison-position: relative;
    --p-price-comparison-title-bg: #8b759a;
    /*---------------------------- overlay ----------------------------*/
    --p-overlay-y: 0;
    --p-overlay-x: 0;
    --p-overlay-width: 100%;
    --p-overlay-height: 100%;
    --p-overlay-position: fixed;
    --p-overlay-bg: rgba(0, 0, 0, 0.5);
    --p-overlay-filter: blur(6px);
    --p-overlay-zIndex: 999999999;
    /*---------------------------- shopping-cart ----------------------------*/
    --p-shopping-cart-sd-y: 0;
    --p-shopping-cart-sd-x: 0;
    --p-shopping-cart-sd-px: 1.85rem;
    --p-shopping-cart-sd-width: 390px;
    --p-shopping-cart-sd-height: 100%;
    --p-shopping-cart-sd-position: fixed;
    --p-shopping-cart-sd-zIndex: 99999999999;
    --p-shopping-cart-sd-bg: #fff;
    --p-shopping-cart-sd-direction: column;
    --p-shopping-cart-sd-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --p-shopping-cart-sd-header-y: 0;
    --p-shopping-cart-sd-header-x: 0;
    --p-shopping-cart-sd-header-width: 100%;
    --p-shopping-cart-sd-header-height: 11%;
    --p-shopping-cart-sd-header-display: flex;
    --p-shopping-cart-sd-header-align: center;
    --p-shopping-cart-sd-header-py: 0;
    --p-shopping-cart-sd-header-px: var(--p-shopping-cart-sd-px);
    --p-shopping-cart-sd-header-position: sticky;
    --p-shopping-cart-sd-header-fw: 400;
    --p-shopping-cart-sd-header-font-size: 1.24rem;
    --p-shopping-cart-sd-header-btn-mx: auto;
    --p-shopping-cart-sd-header-btn-width: 38px;
    --p-shopping-cart-sd-header-btn-display: flex;
    --p-shopping-cart-sd-header-btn-align: center;
    --p-shopping-cart-sd-header-btn-aspect: 1 / 1;
    --p-shopping-cart-sd-header-btn-cursor: pointer;
    --p-shopping-cart-sd-list-flex: 1;
    --p-shopping-cart-sd-list-height: 49%;
    --p-shopping-cart-sd-list-position: relative;
    --p-shopping-cart-sd-list-display: flex;
    --p-shopping-cart-sd-list-direction: column;
    --p-shopping-cart-sd-footer-height: 48%;
    --p-shopping-cart-sd-footer-my: auto;
    --p-shopping-cart-sd-footer-py: calc(var(--p-shopping-cart-sd-px) + 1rem);
    --p-shopping-cart-sd-footer-px: var(--p-shopping-cart-sd-px);
    --p-shopping-cart-sd-footer-position: relative;
    --p-shopping-cart-sd-footer-display: flex;
    --p-shopping-cart-sd-footer-direction: column;
    --p-shopping-cart-sd-footer-gap: 10px;
    --p-shopping-cart-sd-item-display: flex;
    --p-shopping-cart-sd-item-align: center;
    --p-shopping-cart-sd-item-height: 240px;
    --p-shopping-cart-sd-item-py: 0;
    --p-shopping-cart-sd-item-px: 1.85rem;
    --p-shopping-cart-sd-item-gap: 6px;
    --p-shopping-cart-sd-item-img-max-width: 35%;
    --p-shopping-cart-sd-item-img-height: auto;
    --p-shopping-cart-sd-item-img-aspect: 1 / 1;
    --p-shopping-cart-sd-item-img-fit: cover;
    --p-shopping-cart-sd-item-btn-close-y: 50%;
    --p-shopping-cart-sd-item-btn-close-x: 1.25rem;
    --p-shopping-cart-sd-item-btn-close-position: absolute;
    --p-shopping-cart-sd-item-btn-close-width: 32px;
    --p-shopping-cart-sd-item-btn-close-height: 32px;
    --p-shopping-cart-sd-item-btn-close-font-size: .875rem;

}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #eaeae8ca;
}

a {
    color: currentColor;
    text-decoration: none;
}

a:hover {
    color: currentColor;
    opacity: 0.9;
}

a>*,
button>* {
    margin: 0;
    padding: 0;
    pointer-events: none;
}

ul,
ol,
ul>ul,
ul>ol,
ol>ol,
ol>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    width: var(--p-container-width);
}

@media (max-width: 992px) {
    :root {
        --p-container-width: 100%;
    }
}

.espinner {
    --ecos-espinner-loader-width: 20px;
    --ecos-espinner-loader-height: 20px;
    --ecos-espinner-loader-asepct: 1 / 1;
    --ecos-espinner-loader-border-width: 2px;
    --ecos-espinner-loader-border-color: #8b759a;
    --ecos-espinner-loader-radius: 50%;
    --ecos-espinner-loader-display: block;
    display: flex;
    align-items: center;
    position: relative;
    font-size: .875rem;
    gap: 10px;
}

.espinner.hide {
    display: none;
}

.espinner .loader {
    display: var(--ecos-espinner-loader-display);
    width: var(--ecos-espinner-loader-width);
    height: var(--ecos-espinner-loader-height);
    border-radius: var(--ecos-espinner-loader-radius);
    border: var(--ecos-espinner-loader-border-width) solid transparent;
    border-top-color: var(--ecos-espinner-loader-border-color);
    aspect-ratio: var(--ecos-espinner-loader-asepct);
    -webkit-animation: spinner-loader 0.4s linear infinite;
    animation: spinner-loader 0.5s linear infinite;
}

@-webkit-keyframes spinner-loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.eselect-pc {
    width: 100%;
    position: relative;
}

.eselect-pc-header {
    width: var(--p-eselect-width);
    display: var(--p-eselect-display);
    align-items: var(--p-eselect-align);
    padding: var(--p-eselect-py) var(--p-eselect-px);
    gap: var(--p-eselect-gap);
    border: 1px solid var(--p-eselect-border-color);
    border-radius: var(--p-eselect-radius);
    font-family: var(--p-eselect-font-family);
    font-weight: var(--p-eselect-fw);
    transition: border-color var(--p-eselect-transition), box-shadow var(--p-eselect-transition);
}

.eselect-pc-header:hover {
    border-color: var(--p-eselect-border-color);
}

.eselect-pc-header:focus {
    border-color: var(--p-eselect-border-color);
    box-shadow: 0 0 0 .2rem rgba(var(--p-eselect-focus-shadow), .2);
}

.eselect-pc-header>* {
    pointer-events: none;
}

.eselect-pc-header i {
    margin-left: auto;
}


.eselect-pc-content {
    opacity: 0;
    pointer-events: none;
    top: 115%;
    width: var(--p-eselect-content-width);
    border-radius: var(--p-eselect-content-border-radius);
    position: var(--p-eselect-content-position);
    z-index: 999999999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
}

.eselect-pc-content.active {
    opacity: 1;
    pointer-events: all;
    -webkit-animation: push-top 0.5s linear forwards;
    animation: push-top 0.15s linear forwards;
}

@-webkit-keyframes push-top {
    to {
        top: var(--p-eselect-content-y);
    }
}

@keyframes push-top {
    to {
        top: var(--p-eselect-content-y);
    }
}

.eselect-pc-filter {
    width: 100%;
    position: relative;
}

.eselect-pc-filter input {
    outline: var(--p-eselect-filter-input-outline);
    width: var(--p-eselect-filter-input-width);
    display: block;
    padding: var(--p-eselect-filter-input-py) var(--p-eselect-filter-input-px);
    /* padding-left: calc(var(--p-eselect-filter-input-px) + 1rem); */
    font-size: var(--p-eselect-filter-input-font-size);
    font-family: var(--p-eselect-filter-input-font-family);
    border: 1px solid var(--p-eselect-filter-input-border-color);
    border-radius: var(--p-eselect-filter-input-radius) var(--p-eselect-filter-input-radius) 0 0;
}

.eselect-pc-filter i {
    top: 50%;
    left: 1.25rem;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.eselect-pc-list {
    background-color: var(--p-eselect-list-bg);
    max-height: var(--p-eselect-list-max-height);
    margin-top: var(--p-eselect-list-my);
    overflow-y: auto;
    border: 1px solid var(--p-eselect-list-border-color);
    border-top-width: var(--p-eselect-list-border-top-width);
    border-radius: 0 0 var(--p-eselect-list-radius) var(--p-eselect-list-radius);
}

.eselect-pc-list::-webkit-scrollbar {
    width: 8px;
}

.eselect-pc-list::-webkit-scrollbar-thumb {
    background-color: #e0e3e5;
}

.eselect-pc-list::-webkit-scrollbar-track {
    background-color: #e0e3e547;
}

.eselect-pc-list li>* {
    width: 100%;
    outline: var(--p-eselect-list-item-outline);
    display: var(--p-eselect-list-item-display);
    align-items: var(--p-eselect-list-item-align);
    padding: var(--p-eselect-list-item-py) var(--p-eselect-list-item-px);
    font-size: var(--p-eselect-list-item-font-size);
    gap: var(--p-eselect-list-item-gap);
    transition: 0.15s ease-in-out;
}

.eselect-pc-list li>*:hover {
    opacity: 0.7;
    padding-left: 2rem;
    background-color: rgba(0, 0, 0, 0.025);
}

.eselect-pc-list li+li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.input-container,
.input-group {
    display: flex;
    position: relative;
    flex-direction: column;
}

.input-group-search input {
    padding-left: 2rem;
}

.input-group-search [class*="search"]:not(input[class*="search"]),
.input-group-search i {
    top: 50%;
    position: absolute;
    left: 0.75rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
}

.einput-btn-left {
    top: var(--p-einput-btn-y);
    right: var(--p-einput-btn-px);
    position: var(--p-einput-btn-position);
    -webkit-transform: var(--p-einput-btn-transform);
    transform: var(--p-einput-btn-transform);
    background-color: var(--p-einput-btn-bg);
    padding: var(--p-einput-btn-py) var(--p-einput-btn-px);
    border-radius: var(--p-einput-btn-radius);
    font-size: var(--p-einput-btn-font-size);
    font-weight: var(--p-einput-btn-fw);
    font-family: var(--p-einput-btn-font-family);
    transition: opacity .25s ease-in-out;
}

.einput-btn-left:hover {
    opacity: 0.9;
}

*:disabled,
*[disabled] {
    opacity: .5;
    pointer-events: none;
}

.einput {
    display: var(--p-einput-display);
    width: var(--p-einput-width);
    min-height: var(--p-einput-min-height);
    outline: var(--p-einput-outline);
    border: 1px solid var(--p-einput-border-color);
    border-radius: var(--p-einput-radius);
    position: var(--p-einput-position);
    background-color: var(--p-einput-bg);
    background-clip: var(--p-einput-bg-clip);
    padding: var(--p-einput-py) var(--p-einput-px);
    font-size: var(--p-einput-font-size);
    font-family: var(--p-einput-font-family);
    font-weight: var(--p-einput-fw);
    transition: box-shadow var(--p-einput-transition), border-color var(--p-einput-transition);
}

.einput-label {
    font-size: .8rem;
}

.einput:hover {
    --p-einput-border-color: rgba(139, 117, 154, .5);
}

.einput:focus {
    --p-einput-border-color: rgba(139, 117, 154, .5);
    box-shadow: 0 0 0 .2rem rgba(139, 117, 154, .2)
}


.einput::-webkit-input-placeholder {
    color: var(--p-einput-placeholder-color);
}


.einput::-moz-placeholder {
    color: var(--p-einput-placeholder-color);
}


.einput:-ms-input-placeholder {
    color: var(--p-einput-placeholder-color);
}


.einput::-ms-input-placeholder {
    color: var(--p-einput-placeholder-color);
}


.einput::placeholder {
    color: var(--p-einput-placeholder-color);
}

.ebtn {
    outline: var(--p-btn-outline);
    display: var(--p-btn-display);
    text-align: var(--p-btn-align);
    vertical-align: middle;
    color: var(--p-btn-color);
    font-size: var(--p-btn-font-size);
    font-weight: var(--p-btn-fw);
    font-family: var(--p-btn-font-family);
    background-color: var(--p-btn-bg);
    background-clip: var(--p-btn-bg-clip);
    border: 1px solid var(--p-btn-border-color);
    padding: var(--p-btn-py) var(--p-btn-px);
    border-radius: var(--p-btn-radius);
    transition: background-color var(--p-btn-transition), box-shadow var(--p-btn-transition), color var(--p-btn-transition), opacity var(--p-btn-transition), border-color var(--p-btn-transition);
}

.ebtn-block {
    display: block;
    width: 100%;
}

.ebtn:hover {
    color: var(--p-btn-color);
    opacity: var(--p-btn-hover-opacity);
    border-color: var(--p-btn-hover-border-color);
    background-color: var(--p-btn-hover-bg);
}

.ebtn:focus {
    color: var(--p-btn-color);
    background-color: var(--p-btn-hover-bg);
    box-shadow: 0 0 0 .2rem rgba(var(--p-btn-focus-shadow), var(--p-btn-focus-shadow-alpha));
}

.ebtn-xs,
.einput-xs {
    --p-btn-py: .35rem;
    --p-einput-py: .35rem;
    --p-einput-px: .75rem;
    --p-einput-font-size: .715rem;
    --p-btn-font-size: .715rem;
}

.ebtn-sm,
.einput-sm {
    --p-btn-py: .5rem;
    --p-einput-py: .5rem;
    --p-einput-px: 1rem;
    --p-einput-font-size: .815rem;
    --p-btn-font-size: .815rem;
}

.ebtn-md,
.einput-md {
    --p-btn-py: .675rem;
    --p-einput-py: .675rem;
    --p-einput-font-size: .845rem;
    --p-btn-font-size: .845rem;
}

.ebtn-lg,
.einput-lg {
    --p-btn-py: 1.15rem;
    --p-einput-py: 1.15rem;
    --p-einput-font-size: 1.125rem;
    --p-btn-font-size: 1.125rem;
}

.ebtn-primary {
    --p-btn-color: #fff;
    --p-btn-bg: #8b759a;
    --p-btn-border-color: #8b759a;
    --p-btn-hover-bg: #7d688b;
    --p-btn-hover-border-color: #8b759a;
    --p-btn-focus-shadow: 139, 117, 154;
    --p-btn-focus-shadow-alpha: .3;
}

.p-nav-category {
    top: var(--p-navbar-category-y);
    left: -100%;
    width: var(--p-navbar-category-width);
    height: var(--p-navbar-category-height);
    background-color: var(--p-navbar-category-bg);
    position: var(--p-navbar-category-position);
    z-index: var(--p-navbar-category-zIndex);
    font-family: var(--p-navbar-category-font-family);
    box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.025);
    transition: left .25s ease-in-out;
}

.p-nav-category.active {
    left: var(--p-navbar-category-x);
}

.p-nav-category-header {
    padding: var(--p-navbar-category-header-py) var(--p-navbar-category-header-px);
    font-weight: var(--p-navbar-category-header-fw);
    font-size: var(--p-navbar-category-header-font-size);
    display: var(--p-navbar-category-header-display);
    align-items: var(--p-navbar-category-header-align);
}

.p-nav-category-close {
    display: var(--p-navbar-category-close-display);
    align-items: var(--p-navbar-category-close-align);
    justify-content: center;
    width: var(--p-navbar-category-close-width);
    aspect-ratio: var(--p-navbar-category-close-aspect);
    margin-left: var(--p-navbar-category-close-mx);
    font-size: var(--p-navbar-category-close-font-size);
}

@media (max-width: 992px) {
    .p-nav-category {
        width: 100%;
    }
}

.p-nav-category-list {
    height: 100%;
    position: relative;
    overflow-y: auto;
    padding-bottom: 5rem;
}

.p-nav-category-list::-webkit-scrollbar {
    width: 8px;
}

.p-nav-category-list::-webkit-scrollbar-thumb {
    background-color: #b7bcc2;
}

.p-nav-category-list::-webkit-scrollbar-track {
    background-color: #cad4daa7;
}

.p-nav-category-link {
    display: flex;
    align-items: center;
    position: relative;
    padding: .65rem 2rem;
    border: 0px solid rgba(0, 0, 0, 0.1);
    font-size: .875rem;
    transition: padding-left 0.25s ease-in-out;
}


.p-nav-category-link {
    border-bottom-width: 1px;
}

.p-nav-category-link i {
    margin-left: auto;
    font-size: 1rem;
}

.p-nav-category-link:not(.nav-category-children a):hover {
    padding-left: 3rem;
    opacity: 0.7;
}

.p-nav-category-link:not(.nav-category-children a) {
    font-weight: 500;
    text-transform: capitalize;
}

.nav-category-children {
    height: 0;
    overflow: hidden;
}

.nav-category-children a {
    padding-left: 3rem;
}

.nav-category-children a:hover {
    opacity: 0.7;
    padding-left: 3.5rem;
}

.p-navbar-brand {
    width: var(--p-brand-width);
    height: var(--p-brand-height);
    background-color: var(--p-brand-bg);
    /* padding: var(--p-brand-py) var(--p-brand-px); */
    display: var(--p-brand-display);
    display: none;
    align-items: var(--p-brand-align);
    font-family: var(--p-brand-font-family);
    font-size: var(--p-brand-font-size);
    font-weight: var(--p-brand-font-weight);
    overflow: hidden;
    z-index: 999999999;
    transition: height .25s ease-in-out;
}

.p-navbar-brand.minify {
    height: 0;
}

.p-navbar-brand>* {
    margin-left: auto;
}

.p-navbar-brand>button {
    width: var(--p-brand-btn-width);
    height: var(--p-brand-btn-height);
    cursor: pointer;
    font-size: var(--p-brand-btn-font-size);
}

.p-dnavbar {
    background-color: var(--p-navbar-bg);
    width: var(--p-navbar-width);
    height: var(--p-navbar-height);
    position: var(--p-navbar-position);
    top: var(--p-navbar-y);
    left: var(--p-navbar-x);
    z-index: var(--p-navbar-zIndex);
    border-bottom: .06125rem var(--p-navbar-border-style) var(--p-navbar-border-color);
}

.p-dnavbar .container {
    height: 100%;
    position: relative;
    display: var(--p-navbar-display);
    align-items: var(--p-navbar-align);
}

.p-dnavbar-brand,
.p-dnavbar-rounded {
    display: var(--p-navbar-display);
    align-items: var(--p-navbar-align);
}

.p-dnavbar-rounded {
    width: var(--p-navbar-rounded-width);
    aspect-ratio: var(--p-navbar-rounded-aspect);
    justify-content: center;
    background-color: var(--p-navbar-rounded-bg);
    font-family: var(--p-font-family);
    font-weight: 600;
    color: #fff;
}

.p-dnavbar-toggle {
    outline: none;
    width: var(--p-navbar-toggle-width);
    aspect-ratio: var(--p-navbar-toggle-aspect);
    font-size: var(--p-navbar-toggle-font-size);
    display: var(--p-navbar-toggle-display);
    align-items: var(--p-navbar-toggle-align);
    justify-content: flex-start;
    color: #000;
    margin-left: calc(var(--p-navbar-toggle-space-x) * -1);
    margin-right: var(--p-navbar-toggle-space-x);
    cursor: var(--p-navbar-toggle-cursor);
    transition: .15s ease-in-out;
    border: 0.06125rem solid rgba(0, 0, 0, 0);
}

.p-dnavbar-toggle>* {
    pointer-events: none;
}

.p-dnavbar-toggle:hover {
    opacity: .85;
}

.p-dnavbar-list {
    height: 100%;
    margin-left: auto;
    display: var(--p-navbar-display);
    align-items: var(--p-navbar-align);
    gap: var(--p-navbar-list-gap)
}

.p-dnavbar-list>li {
    height: 100%;
    display: var(--p-navbar-display);
    align-items: var(--p-navbar-align);
}

.p-dnavbar-list-link {
    display: var(--p-navbar-display);
    align-items: var(--p-navbar-align);
    gap: var(--p-navbar-list-link-gap);
    color: #000;
    font-size: var(--p-navbar-list-link-font-size);
    font-family: var(--p-navbar-list-link-font-family);
    position: relative;
    cursor: pointer;
}

.p-dnavbar-list-link>* {
    pointer-events: none;
}

.p-dnavbar-list-link>i {
    font-size: var(--p-navbar-list-link-icon-font-size);
}

.p-dnavbar-list-link .count {
    top: -20%;
    left: 80%;
    position: absolute;
    width: var(--p-navbar-list-link-count-width);
    aspect-ratio: 1/1;
    border-radius: var(--p-radius-full);
    color: #fff;
    display: var(--p-navbar-display);
    align-items: var(--p-navbar-align);
    justify-content: center;
    font-size: .625rem;
    font-family: var(--p-font-family);
    pointer-events: none;
    background-color: var(--p-navbar-list-link-count-bg);
}


.p-path-indicator {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    z-index: -1;
    gap: var(--p-path-indicator-gap);
    padding: .85rem 0;
}

.p-path-indicator-link {
    display: flex;
    align-items: center;
    gap: var(--p-path-indicator-gap);
    font-family: var(--p-font-family);
    font-size: .75rem;
    font-weight: 400;
    position: relative;
    z-index: 11;
}

.p-path-indicator-link>* {
    margin: 0;
    padding: 0;
    z-index: 11;
    position: relative;
}

.p-path-indicator-link:hover {
    opacity: 0.5;
}

.p-path-indicator li:last-of-type span {
    opacity: 0.5;
    pointer-events: none;
    z-index: 11;
}

.p-rating {
    display: var(--p-ratings-display);
    align-items: var(--p-ratings-align);
    gap: var(--p-ratings-gap);
    font-size: var(--p-ratings-font-size);
    color: var(--p-ratings-color);
}

.p-artigo-info {
    font-family: var(--p-font-family);
    position: relative;
}

.p-artigo-info-rating {
    display: flex;
    gap: 1rem;
}

.p-artigo-info-category {
    display: block;
    margin-top: 1rem;
    margin-bottom: -5px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-family: Roboto;
}

.p-artigo-info-name {
    font-size: 1.5rem;
    font-weight: 600;
}

.p-artigo-info-p-through {
    text-decoration: line-through;
}

.p-artigo-info-price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 1rem;
}

.p-artigo-info-p-value {
    font-weight: 600;
}

.p-artigo-info-p-referente {
    display: inline-block;
    color: #8b759a;
    text-align: center;
}

.p-artigo-info-p-referente span {
    font-size: .825rem;
    font-weight: 500;
    border: 1px solid #8b759a;
    padding: .25rem 1rem;
}

.p-artigo-info-p-referente .loj {
    color: #fff;
    background-color: #8b759a;
}

.p-line-divider {
    display: block;
    width: 100%;
    height: 10px;
    border-bottom: 2px dashed rgba(0, 0, 0, 0.1);
    margin-top: 1.5rem;
    margin-bottom: 0.85rem;
}

.dbtn {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: .75rem 1rem;
    border-radius: .25rem;
    text-align: center;
}

.ecos-dcard-sliders {
    overflow: hidden;
    overflow-x: auto;
    gap: 0.375rem;
    padding-bottom: 1.6rem !important;
}

.ecos-dcard-sliders::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ecos-dcard-sliders::-webkit-scrollbar-thumb {
    background-color: #cad4da;
    border-radius: 10px;
}


.p-cardartigo {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    width: 19.5%;
    min-width: 200px;
    flex-shrink: 0;
    padding: 1rem .85rem;
    flex-direction: column;
    position: relative;
    font-family: var(--p-font-family);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.15s ease-in-out;
}

.hide-on-mobile {
    display: flex;
}

.show-on-mobile {
    display: none;
}

.p-cardartigo:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.p-cardartigo-img {
    width: 40%;
    margin: 0 auto;
    padding: 1.95rem 0 2rem;
}

.p-cardartigo-img img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.p-cardartigo-brand {
    display: inline-block;
    padding: .25rem .65rem;
    position: absolute;
    font-size: .75rem;
    font-family: Poppins;
    border-radius: 50px;
    background: #ffe4c5;
}

.p-cardartigo-btn-heart {
    top: 1rem;
    right: 1rem;
    position: absolute;
    width: 38px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.05)
}

.p-cardartigo-name {
    display: block;
    font-size: .88rem;
    line-height: 1.1rem;
    font-weight: 500;
}

.p-cardartigo-p-value {
    font-weight: 600;
}


.p-dcard-section-title {
    font-family: 'Poppins';
    display: block;
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.15rem;
}

.p-dcard-section {
    padding: 1.5rem 0 2rem;
}


.hd-header {
    position: relative;
    height: 70vh;
    width: 100%;
}

.hd-header img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top right;
    object-position: top right;
    position: absolute;
}

.hd-captions {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    font-family: Poppins;
}

.hd-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4), transparent);
}

.hd-captions h2 {
    font-weight: 600;
}

.hd-captions-dot {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.hd-captions-dot .dot {
    width: 12px;
    aspect-ratio: 1 / 1;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.25s ease-in-out;
}

.hd-captions-dot .dot.active {
    width: 18px;
    background-color: #8b759a;
}


.p-card-group-item {
    padding: .75rem 1.15rem;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: Poppins;
    font-size: .875rem;
    z-index: 1111;
}

.p-card-group-item:hover,
.p-card-group-item.active {
    color: #fff;
    background-color: #8b759a;
}

.p-card-group-item:hover path,
.p-card-group-item.active path {
    stroke: #fff;
}

@media (max-width: 430px) {
    .p-card-group-item {
        padding: .45rem .7rem;
        font-size: .75rem;
    }
}

.p-dfooter {
    min-height: 60vh;
    padding: 4rem 0 1rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 300;
    font-family: Poppins;
    background-color: #000;
}

.p-dfooter-page .title {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
}

.p-dfooter-social-link {
    width: 38px;
    aspect-ratio: 1/1;
    background-color: #8b759a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-dfooter-menu-link {
    font-size: .875rem;
    color: #fff;
}

.p-browse-current-products {
    font-size: 1.45rem;
    font-weight: 600;
    display: block;
}

.p-page-filter-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
    font-weight: bold;
    text-transform: uppercase;
}

.p-page-filter-list-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 2rem;
    margin-top: .5rem;
}

.dbadge {
    border-radius: .15rem;
    background-color: #fff;
    padding: .25rem .5rem;
    font-size: .875rem;
    font-weight: 400;
}

.dbadge-primary {
    color: #fff;
    background-color: #8b759a;
}

.p-page-filter-item-label {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 8px;
    font-weight: 500;
    font-size: Poppins;
    font-size: .875rem;
    cursor: pointer;
}

.p-page-filter-item-label:hover {
    opacity: 0.5;
}

.p-page-filter-item-label+.p-page-filter-item-label {
    margin-top: 0.5rem;
}

.p-page-filter-item-label>* {
    margin: 0;
    padding: 0;
}

.p-page-filter-item-label img,
.p-page-filter-item-label .p-responsive-img {
    width: 26px;
    aspect-ratio: 1/1;
    border-radius: .15rem;
    color: #fff;
    background-color: #8b759a;
}

.p-page-filter-item-label input {
    display: none;
}

.p-artigo-btn {
    color: #fff;
    border-color: transparent;
    background-color: #8b759a;
}

.p-prev-artigo {
    width: 100%;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.p-prev-artigo-content {
    width: 75%;
    position: relative;
}

.p-prev-artigo-toolbar {
    width: 20%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 400px;
}

@media (max-width: 768px) {
    .p-prev-artigo {
        flex-wrap: wrap-reverse;
    }

    .p-prev-artigo-content {
        width: 100%;
    }

    .p-prev-artigo-toolbar {
        width: 100%;
        height: auto;
        flex-direction: row;
        margin-bottom: 1rem;
    }

    .p-prev-artigo-indicador {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 4px;
        margin-left: auto;
    }

    .p-prev-artigo-indicador>* {
        margin: 0;
    }
}

.p-prev-artigo-btn {
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    aspect-ratio: 1/1;
    border-radius: .15rem;
    background-color: #e0e3e5;
    /* background-color: #fff; */
    /* border: 1px solid rgba(0, 0, 0, 0.05); */
}

.p-prev-artigo-btn i {
    transition: .15s ease-in-out;
}

.p-prev-artigo-btn:hover i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.p-prev-artigo-img {
    width: 100%;
    height: 480px;
    background-color: #e0e3e5;
    /* background-color: #fff; */
    border-radius: 1px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* border: 1px solid rgba(0, 0, 0, .05); */
}

.p-prev-artigo-img img {
    max-width: 90%;
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.p-prev-artigo-img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.p-prev-artigo-partials {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2rem;
    gap: .15rem;
}

.p-prev-artigo-partials-item {
    flex: 0 0 23.5%;
    width: 23.5%;
    height: 140px;
    border-radius: 2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #e0e3e5;
    /* background-color: #fff; */
    /* border: 1px solid rgba(0, 0, 0, 0.05); */
}

@media (max-width: 432px) {
    .p-prev-artigo-partials-item {
        flex: 0 0 45%;
        width: 45%;
    }
}

.p-prev-artigo-partials-item img {
    max-width: 90%;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    -o-object-position: center;
    object-position: center;
    transition: .25s ease-in-out;
}

.p-prev-artigo-partials-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.p-cardartigo-loj {
    display: flex;
    align-items: center;
    gap: 4px;
}

.p-cardartigo-loj img {
    width: 22px;
    aspect-ratio: 1/1;
    border-radius: .1rem;
}

.p-cardartigo-loj .lojname {
    font-weight: 600;
}

.p-db {
    display: inline-block;
    font-size: .7rem;
    padding: .25rem .5rem;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0);
    font-weight: 600;
}

.p-db-prim {
    color: #8B759A;
    background-color: rgba(139, 117, 154, .2);
}

.p-db-succ {
    color: #25AD52;
    background-color: rgba(45, 208, 98, .2);
}

.p-db-warn {
    color: #F89220;
    background-color: rgba(248, 146, 32, .2);
}

.p-rating-review {
    display: flex;
    flex-wrap: wrap;
    min-height: 30vh;
    padding: 2rem 2.5rem;
    border: 2px dashed rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    font-family: var(--p-font-family);
}

.p-rating-count {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.p-rating-line-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.p-rating-line-item>span:first-child {
    width: 40px;
}

.p-rating-line-item>span:last-child {
    width: 40px;
    text-align: right;
}

.p-rating-line-item>span:first-child small {
    color: #F89220;
}

.p-rating-line-progress {
    height: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    position: relative;
    flex: 1;
}

.p-rating-line-progress .progress {
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    position: absolute;
    background-color: #000;
    border-radius: 10px;
    transition: width .25s ease-in-out;
}

.p-rating-progress {
    width: 100%;
    position: relative;
}

.p-cardartigo-dispo {
    font-size: .8rem;
    color: rgba(0, 0, 0, 0.6);
}

.p-faqs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-self: flex-start;
}

.p-faq-item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    font-family: var(--p-font-family);
    transition: box-shadow .15s ease-in-out;
}

.p-faq-item:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);
}

.p-faq-header {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 600;
    font-size: .98rem;
    display: flex;
    align-items: center;
}

.p-faq-btn {
    width: 38px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3f5f7;
    margin-left: auto;
    font-size: 1.5rem;
}

.p-faq-btn.active i {
    transition: .25s ease-in-out;
}

.p-faq-btn.active i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.p-faq-content {
    font-size: .875rem;
    font-weight: 400;
    height: 0;
    overflow: hidden;
}

.full-about {
    border: 2px dashed rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 1rem 2rem 2rem;
    background-color: #fff;
}

.native-imgs {
    font-family: Poppins;
}

.native-imgs img {
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.5);
    z-index: 11;
    -o-object-fit: cover;
    object-fit: cover;
}

.native-imgs img:not(:first-child) {
    margin-left: -.8rem;
}

/**
 * Back To Top
 * ScrollTop
 */


.ecos-scrollTop-btn {
    position: var(--p-backto-btn-position);
    right: var(--p-backto-btn-x);
    bottom: calc(var(--p-backto-btn-y) * -1);
    width: var(--p-backto-btn-width);
    height: var(--p-backto-btn-height);
    aspect-ratio: 1/1;
    background-color: var(--p-backto-btn-bg);
    color: var(--p-backto-btn-color);
    cursor: pointer;
    font-size: var(--p-brand-btn-font-size);
    transition: bottom var(--p-backto-btn-transition);
}

.ecos-scrollTop-btn:hover {
    bottom: var(--p-backto-btn-hover-y);
}

.ecos-scrollTop-btn.active {
    bottom: var(--p-backto-btn-active-y);
}

/**
 * Filters
 */

.ecos-browse-filters-header {
    position: var(--p-browse-filters-position);
    font-weight: var(--p-browse-filters-fw);
    font-family: var(--p-browse-filters-font-family);
    text-transform: var(--p-browse-filters-transform);
    font-size: var(--p-browse-filters-font-size);
}

.ecos-browse-filter-items {
    height: 0;
    overflow-y: hidden;
}

.ecos-browse-filter-items .filter-name {
    border-color: transparent !important;
}

.ecos-browse-filter-items,
.ecos-browse-filters-content {
    display: flex;
    flex-direction: column;
    font-family: var(--p-browse-filters-font-family);
    font-size: var(--p-browse-filters-content-font-size);
}

.ecos-browse-filters-item {
    position: var(--p-browse-filters-item-position);
    padding-bottom: var(--p-browse-filters-item-py);
    border-bottom: 1px solid var(--p-browse-filters-item-border-color);
    /* margin-top: var(--p-browse-filters-item-my); */
}

.filter-name {
    width: var(--p-browse-filters-content-name-width);
    display: var(--p-browse-filters-content-name-display);
    align-items: var(--p-browse-filters-content-name-align);
    padding: var(--p-browse-filters-content-name-py) var(--p-browse-filters-content-name-px);
    cursor: var(--p-browse-filters-content-name-cursor);
    font-weight: var(--p-browse-filters-content-name-fw);
    border-bottom: 1px solid transparent;
    padding-bottom: .5rem !important;
    /* margin-bottom: var(--p-browse-filters-content-name-my); */
    color: #000;
    transition: opacity 0.25s ease-in-out;
}

.filter-name> :last-child {
    margin-left: auto;
}

.filter-name:hover {
    opacity: 0.65;
}

.ecos-browse-filter-items {
    max-height: var(--p-browse-filters-content-items-max-height);
    overflow-y: var(--p-browse-filters-content-items-overflow-y);
    position: relative;
}

.ecos-browse-filter-items::-webkit-scrollbar {
    width: 5px;
}

.ecos-browse-filter-items::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 992px) {
    .ecos-browse-filters {
        top: 0;
        left: -100%;
        width: 320px;
        max-width: 96%;
        height: 100%;
        position: fixed;
        z-index: 999999999999;
        background-color: #eeeeed;
        overflow-y: auto;
        padding: 1.25rem 1.5rem 2rem;
        transition: left .25s ease-in-out;
    }

    .ecos-browse-filters.active {
        left: 0;
    }

    .hide-on-mobile {
        justify-content: space-between !important;
    }
}

.clamp-title {
    font-size: clamp(1.25rem, 1.8vw, 1.8rem);
}

@media (max-width: 460px) {
    .p-cardartigo {
        width: 31%;
        /* min-width: 170px; */
        border-radius: 0;
    }

    .show-on-mobile {
        justify-content: space-between !important;
        gap: 6px !important;
    }

    .show-on-mobile .p-cardartigo {
        flex: 0 1 30%;
        min-width: 100%;
        margin-top: 0.5rem;
    }

    .hide-on-mobile {
        display: none;
        justify-content: center !important;
    }

    .show-on-mobile {
        gap: 1px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 390px) {
    .p-cardartigo {
        width: 31%;
        /* min-width: 140px; */
        border-radius: 0;
        gap: 0px !important;
    }
}

.emodal {
    top: var(--p-modal-y);
    left: var(--p-modal-x);
    width: var(--p-modal-width);
    height: var(--p-modal-height);
    position: var(--p-modal-position);
    background-color: var(--p-modal-bg);
    -webkit-backdrop-filter: var(--p-modal-filter);
    backdrop-filter: var(--p-modal-filter);
    z-index: var(--p-modal-zIndex);
    overflow-y: var(--p-modal-overflow-y);
    display: var(--p-modal-display);
    align-items: var(--p-modal-align);
    justify-content: center;
    padding-bottom: var(--p-modal-py);
    font-family: var(--p-modal-font-family);
    opacity: 0;
    pointer-events: none;
}

.emodal-close {
    margin-left: auto;
    font-size: 2rem;
    cursor: pointer;
}

.emodal-close:hover {
    opacity: .5;
}

.emodal.active {
    opacity: 1;
    pointer-events: all;
}

.icon-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    aspect-ratio: 1 / 1;
    border: 1px solid tomato;
    border-radius: 50%;
}

.emodal-content {
    width: var(--p-modal-content-width);
    max-width: var(--p-modal-content-max-width);
    position: var(--p-modal-content-position);
    padding: var(--p-modal-content-py) var(--p-modal-content-px) calc(var(--p-modal-content-py) + .5rem);
    background-color: var(--p-modal-content-bg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    border-radius: var(--p-modal-content-radius);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    margin-top: 5rem;
    transition: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.emodal.active .emodal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


[class*="checkbox"] {
    -webkit-appearance: var(--p-checkbox-appearance);
    -moz-appearance: var(--p-checkbox-appearance);
    appearance: var(--p-checkbox-appearance);
    width: var(--p-checkbox-width);
    height: var(--p-checkbox-width);
    aspect-ratio: 1 / 1;
    border: 1px solid var(--p-checkbox-border-color);
    border-radius: var(--p-checkbox-radius);
    background-color: var(--p-checkbox-bg);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, background-color 0.2s ease;
    transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
}

[class*="checkbox"]::after {
    content: '';
    position: absolute;
    background-color: #fff;
    width: var(--p-checkbox-after-width);
    aspect-ratio: 1/1;
    border-radius: 50%;
    transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, background-color 0.2s ease;
    transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[class*="checkbox"]:checked,
[class*="checkbox"].checked {
    background-color: var(--p-checkbox-bg-checked);
    border-color: transparent;
}

[class*="checkbox"]:checked::after,
[class*="checkbox"].checked::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ecos-browse-filter-item-content>* {
    display: var(--p-browse-filters-content-items-all-display);
    align-items: var(--p-browse-filters-content-items-all-align);
    gap: var(--p-browse-filters-content-items-all-gap);
    position: var(--p-browse-filters-content-items-all-position);
    font-size: var(--p-browse-filters-content-items-all-font-size);
    padding: var(--p-browse-filters-content-items-all-py) var(--p-browse-filters-content-items-all-px);
    cursor: var(--p-browse-filters-content-items-all-cursor);
    transition: opacity .25s ease-in-out;
}

.ecos-browse-filter-item-content>*:hover {
    opacity: 0.5;
}

.filter-items-count {
    font-size: .7rem;
}

.ecos-browse-filter-price-interval {
    position: relative;
}

.filter-price-interval-content {
    gap: 4px;
    display: var(--p-browse-filters-content-items-all-display);
    align-items: var(--p-browse-filters-content-items-all-align);
    justify-content: space-between;
}

.ecos-browse-filter-price-interval input {
    outline: var(--p-browse-filters-input-outline);
    width: var(--p-browse-filters-input-width);
    flex: var(--p-browse-filters-input-flex);
    padding: var(--p-browse-filters-input-py) var(--p-browse-filters-input-px);
    border: 1px solid var(--p-browse-filters-input-border-color);
    background-color: var(--p-browse-filters-input-bg);
    transition: border-color var(--p-browse-filters-input-transition);

}

.ecos-browse-filter-price-interval input:focus,
.ecos-browse-filter-price-interval input:hover {
    border-color: rgba(0, 0, 0, 0.45);
}

.truncate-1,
.truncate-2,
.truncate-3 {
    --line-clamp: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: var(--line-clamp);
}

.truncate-1 {
    --line-clamp: 1;
}

.truncate-2 {
    --line-clamp: 2;
}

.truncate-3 {
    --line-clamp: 3;
}

[class*="badge"] {
    display: var(--p-badge-display);
    text-align: var(--p-badge-align);
    background-color: var(--p-badge-bg);
    font-size: var(--p-badge-font-size);
    padding: var(--p-badge-py) var(--p-badge-px);
    border-radius: var(--p-badge-radius);
    font-family: var(--p-badge-font-family);
    border: 1px solid var(--p-badge-border-color);
    color: var(--p-badge-color);
    transition: opacity .25s ease-in-out, box-shadow .25s ease-in-out;
}

[class*="badge"]:hover {
    opacity: 0.6;
}

[class*="badge-primary"] {
    --p-badge-bg: #8b759a;
    --p-badge-color: #fff;
    --p-badge-border-color: transparent;
}

[class*="badge-ring"] {
    --p-badge-bg: #f89220;
    --p-badge-color: #fff;
    --p-badge-border-color: transparent;
}


.ecos-wait-preload {
    position: var(--p-wait-preload-position);
    z-index: var(--p-wait-preload-zIndex);
    width: var(--p-wait-preload-width);
    height: var(--p-wait-preload-height);
    top: var(--p-wait-preload-y);
    left: var(--p-wait-preload-x);
    display: var(--p-wait-preload-display);
    align-items: var(--p-wait-preload-align);
    justify-content: center;
    background-color: var(--p-wait-preload-bg);
}

.ecos-wait-preload.hide {
    display: none;
}

.ecos-wait-preload .text {
    font-weight: 700;
    font-family: Poppins;
    font-size: clamp(1.25rem, 1.95vw, 1.8rem);
}

.ecos-filter-search-bar {
    position: relative;
}

.ecos-filter-search-bar input {
    outline: var(--p-filter-search-outline);
    width: var(--p-filter-search-width);
    border: 1px solid var(--p-filter-search-border-color);
    padding: var(--p-filter-search-py) var(--p-filter-search-px);
    font-family: var(--p-filter-search-font-family);
    font-size: var(--p-filter-search-font-size);
}

.ecos-filter-search-bar svg,
.ecos-filter-search-bar i {
    top: 50%;
    left: 1.5rem;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.line-separator {
    width: 100%;
    display: block;
    height: 1px;
    border: 1px dashed rgba(0, 0, 0, 0.15);
    margin: 1.45rem 0;
}

.ecos-header-btn {
    display: var(--p-header-btn-display);
    text-align: var(--p-header-btn-display-align);
    color: var(--p-header-btn-display-color);
    padding: var(--p-header-btn-display-py) var(--p-header-btn-display-px);
    border-radius: var(--p-header-btn-display-radius);
    font-weight: var(--p-header-btn-display-fw);
    border: 1px solid var(--p-header-btn-display-border-color);
    transition: var(--p-header-btn-display-transition);
    background-color: var(--p-header-btn-display-bg);
}

.ecos-header-btn:hover {
    color: #8B759A;
    --p-header-btn-display-bg: transparent;
}

.ecos-sshopping-cart {
    top: var(--p-shopping-cart-sd-y);
    right: -50rem;
    max-width: 90%;
    width: var(--p-shopping-cart-sd-width);
    height: var(--p-shopping-cart-sd-height);
    position: var(--p-shopping-cart-sd-position);
    z-index: var(--p-shopping-cart-sd-zIndex);
    background-color: var(--p-shopping-cart-sd-bg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: var(--p-shopping-cart-sd-direction);
    font-family: Poppins;
    transition: right 0.15s ease-in-out;
}

.ecos-sshopping-cart.active {
    right: var(--p-shopping-cart-sd-x);
}

.ecos-sshopping-cart-header {
    top: var(--p-shopping-cart-sd-header-y);
    left: var(--p-shopping-cart-sd-header-x);
    width: var(--p-shopping-cart-sd-header-width);
    height: var(--p-shopping-cart-sd-header-height);
    position: var(--p-shopping-cart-sd-header-position);
    display: var(--p-shopping-cart-sd-header-display);
    align-items: center;
    z-index: 11111;
    padding: var(--p-shopping-cart-sd-header-py) var(--p-shopping-cart-sd-header-px);
    border-bottom: 1px solid rgba(0, 0, 0, .01);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
}

.ecos-sshopping-cart-close {
    outline: none;
    border: 1px solid transparent;
    background-color: transparent;
    margin-left: var(--p-shopping-cart-sd-header-btn-mx);
    width: var(--p-shopping-cart-sd-header-btn-width);
    display: var(--p-shopping-cart-sd-header-btn-width);
    align-items: var(--p-shopping-cart-sd-header-btn-align);
    justify-content: center;
    aspect-ratio: var(--p-shopping-cart-sd-header-btn-aspect);
    cursor: pointer;
    font-size: 2rem;
}

.ecos-sshopping-cart-list {
    flex: var(--p-shopping-cart-sd-list-flex);
    height: var(--p-shopping-cart-sd-list-height);
    position: relative;
    overflow-y: auto;
    display: var(--p-shopping-cart-sd-list-display);
    flex-direction: var(--p-shopping-cart-sd-list-direction);
}

.ecos-sshopping-cart-footer {
    height: var(--p-shopping-cart-sd-footer-height);
    margin-top: var(--p-shopping-cart-sd-footer-my);
    padding: var(--p-shopping-cart-sd-footer-py) var(--p-shopping-cart-sd-footer-px);
    position: var(--p-shopping-cart-sd-footer-position);
    display: var(--p-shopping-cart-sd-footer-display);
    flex-direction: var(--p-shopping-cart-sd-footer-direction);
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .05);
    gap: var(--p-shopping-cart-sd-footer-gap);
}

.ecos-sshopping-cart-footer>div:nth-child(1) {
    font-size: 1.4rem;
}

.ecos-sshopping-cart-footer>div:nth-child(1) :last-child {
    font-weight: bold;
}

.ecos-sshopping-cart-item {
    display: var(--p-shopping-cart-sd-item-display);
    align-items: var(--p-shopping-cart-sd-item-align);
    height: var(--p-shopping-cart-sd-item-height);
    padding: var(--p-shopping-cart-sd-item-py) var(--p-shopping-cart-sd-item-px);
    gap: var(--p-shopping-cart-sd-item-gap);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.ecos-sshopping-cart-item img {
    max-width: var(--p-shopping-cart-sd-item-img-max-width);
    height: var(--p-shopping-cart-sd-item-img-height);
    aspect-ratio: var(--p-shopping-cart-sd-item-img-aspect);
    -o-object-fit: var(--p-shopping-cart-sd-item-img-fit);
    object-fit: var(--p-shopping-cart-sd-item-img-fit);
}

.ecos-sshopping-cart-item-info {
    display: flex;
    flex-direction: column;
}

.ecos-sshopping-cart-btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--p-shopping-cart-sd-item-btn-close-y);
    right: var(--p-shopping-cart-sd-item-btn-close-x);
    position: var(--p-shopping-cart-sd-item-btn-close-position);
    width: var(--p-shopping-cart-sd-item-btn-close-width);
    height: var(--p-shopping-cart-sd-item-btn-close-height);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    cursor: pointer;
    -webkit-transform: translateY(calc(var(--p-shopping-cart-sd-item-btn-close-y) * -1));
    transform: translateY(calc(var(--p-shopping-cart-sd-item-btn-close-y) * -1));
    font-size: var(--p-shopping-cart-sd-item-btn-close-font-size);
    background-color: rgba(0, 0, 0, 0.05);
}

.ecos-sshopping-cart-btn-close:hover {
    opacity: 0.7;
}

.ecos-sshopping-cart-item-info>span {
    display: block;
    font-size: .98rem;
    font-weight: 400;
    line-height: 1.35rem;
    margin-bottom: 0.5rem;
}

.ecos-sshopping-cart-item .badge {
    --p-badge-py: .275rem;
    --p-badge-px: .5rem;
    --p-badge-font-size: .7rem;
}

.ecos-sshopping-cart-range {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ecos-sshopping-cart-range>* {
    width: 60px;
    text-align: center;
    padding: .375rem 0;
    border: 1px solid rgba(0, 0, 0, .05);
}

.ecos-sshopping-cart-range input {
    padding-left: 0.9rem;
    pointer-events: none;
    border: none;
}

.ecos-sshopping-cart-range button {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background-color: #8B759A;
    color: #fff;
}

.dinput-range {
    display: var(--p-range-display);
    position: var(--p-range-position);
    border: 1px solid var(--p-range-border-color);
    border-radius: var(--p-range-radius);
    display: flex;
    align-items: center;
}

.dinput-range-field {
    -webkit-appearance: var(--p-range-input-appearance);
    -moz-appearance: var(--p-range-input-appearance);
    appearance: var(--p-range-input-appearance);
}

.dinput-range-field::-webkit-inner-spin-button,
.dinput-range-field::-webkit-outer-spin-button {
    -webkit-appearance: var(--p-range-input-spin-appearance);
    appearance: var(--p-range-input-spin-appearance);
    margin: var(--p-range-input-spin-m);
}

.dinput-range-field,
.dinput-range-btn {
    outline: none;
    display: var(--p-range-display);
    text-align: center;
    font-size: .875rem;
    padding: var(--p-range-py) 0;
    border: 1px solid transparent;
    background-color: transparent;
}

.dinput-range-field {
    width: 40%;
}

.dinput-range-btn {
    padding: var(--p-range-py) 1rem;
    cursor: pointer;
    display: flex;
    width: 30%;
    align-items: center;
    transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

.dinput-range-btn:hover {
    background-color: rgba(0, 0, 0, .05);
}

.dinput-range-btn:first-of-type {
    border-radius: var(--p-range-radius) 0 0 var(--p-range-radius);
}

.dinput-range-btn:last-of-type {
    border-radius: 0 var(--p-range-radius) var(--p-range-radius) 0;
}

.doverlay {
    top: var(--p-overlay-y);
    left: var(--p-overlay-x);
    opacity: 0;
    width: var(--p-overlay-width);
    height: var(--p-overlay-height);
    position: var(--p-overlay-position);
    background-color: var(--p-overlay-bg);
    -webkit-backdrop-filter: var(--p-overlay-filter);
    backdrop-filter: var(--p-overlay-filter);
    pointer-events: none;
    z-index: var(--p-overlay-zIndex);
    transition: .15s linear;
}

.doverlay.active {
    opacity: 1;
    pointer-events: all;
}

.ecos-browse-filters.mobile-browse {
    top: var(--p-browse-mobile-y);
    left: var(--p-browse-mobile-x);
    width: var(--p-browse-mobile-width);
    height: var(--p-browse-mobile-height);
    position: var(--p-browse-mobile-position);
    z-index: var(--p-browse-mobile-zIndex);
    overflow-y: var(--p-browse-mobile-overflow-y);
    background: var(--p-browse-mobile-bg);
    padding: var(--p-browse-mobile-px) var(--p-browse-mobile-px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
    transition: left .3s ease-in-out;
}

.bigZ {
    z-index: 999999999;
}

.ecos-browse-filters.mobile-browse.active {
    left: calc(var(--p-browse-mobile-x) * 0);
}

.ecos-browse-filters.mobile-browse::-webkit-scrollbar {
    width: 8px;
}

.ecos-browse-filters.mobile-browse::-webkit-scrollbar-thumb {
    background-color: #cad4da;
}

.ecos-filter-close-btn {
    width: var(--p-browse-mobile-close-btn-width);
    height: var(--p-browse-mobile-close-btn-height);
    aspect-ratio: var(--p-browse-mobile-close-btn-aspect);
    font-size: var(--p-browse-mobile-close-btn-font-size);
    cursor: pointer;
    margin-right: calc(var(--p-browse-mobile-close-btn-mx) * -1);
    transition: opacity var(--p-browse-mobile-close-btn-transition), padding-left var(--p-browse-mobile-close-btn-transition);
}

.ecos-filter-close-btn:hover {
    opacity: 0.5;
    padding-left: .5rem;
}

.ecos-price-comparison {
    width: var(--p-price-comparison-width);
    background-color: var(--p-price-comparison-bg);
    border-radius: var(--p-price-comparison-radius) var(--p-price-comparison-radius) 0 0;
    position: relative;
}

.ecos-pc-title {
    padding: var(--p-price-comparison-py) var(--p-price-comparison-px);
    color: #000;
    border-radius: var(--p-price-comparison-radius) var(--p-price-comparison-radius) 0 0;
    /* background-color: var(--p-price-comparison-title-bg); */
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
}

.ecos-pc-title>i {
    width: 38px;
    height: 38px;
    aspect-ratio: 1 / 1;
    background-color: #8B759A;
    color: #fff;
    display: flex;
    font-size: .875rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.ecos-pc-content {
    padding: var(--p-price-comparison-py) var(--p-price-comparison-px);
}


.ecos-paginate {
    --ecos-paginate-display: flex;
    --ecos-paginate-align: center;
    --ecos-paginate-my: 1rem;
    --ecos-paginate-position: relative;
    --ecos-paginate-btn-py: .5rem;
    --ecos-paginate-btn-px: 1rem;
    --ecos-paginate-btn-display: inline-block;
    --ecos-paginate-btn-vertical-align: middle;
    --ecos-paginate-btn-align: center;
    --ecos-paginate-btn-font-size: 1rem;
    --ecos-paginate-btn-border-color: rgba(0, 0, 0, 0.1);
    --ecos-paginate-btn-bg: #fff;
    --ecos-paginate-btn-color: #000;
    --ecos-paginate-wrap: wrap;
    display: var(--ecos-paginate-display);
    align-items: var(--ecos-paginate-align);
    justify-content: center;
    margin-top: calc(var(--ecos-paginate-my) * 4);
    margin-bottom: var(--ecos-paginate-my);
    position: relative;
    flex-wrap: var(--ecos-paginate-wrap);
}

.ecos-paginate-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}


.ecos-paginate-btn:first-of-type {
    border-radius: 10px 0 0 10px;
}

.ecos-paginate-btn:last-of-type {
    border-radius: 0 10px 10px 0;
}

.ecos-paginate-btn,
.ecos-paginate-list span {
    padding: var(--ecos-paginate-btn-py) var(--ecos-paginate-btn-px);
    display: var(--ecos-paginate-btn-display);
    vertical-align: var(--ecos-paginate-btn-vertical-align);
    text-align: var(--ecos-paginate-btn-align);
    font-size: var(--ecos-paginate-btn-font-size);
    border: 1px solid var(--ecos-paginate-btn-border-color);
    cursor: pointer;
    color: var(--ecos-paginate-btn-color);
    background-color: var(--ecos-paginate-btn-bg);
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}

.ecos-paginate-btn:hover,
.ecos-paginate-list span.active {
    --ecos-paginate-btn-border-color: transparent;
    --ecos-paginate-btn-bg: #8b759a;
    --ecos-paginate-btn-color: #fff;

}

.ecos-paginate-list span.active {
    pointer-events: none;
}

.overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: grayscale(80%);
    display: none;
}

.overlay.active {
    display: block;
}


.scrollTop {
    right: 1rem;
    bottom: -10rem;
    position: fixed;
    font-size: 2rem;
    font-family: Poppins;
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8b759a;
    color: #fff;
    cursor: pointer;
    transition: bottom .25s ease-in-out;
}

.scrollTop.show {
    bottom: .5rem;
}


.ecos-wait-for {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .025);
    -webkit-backdrop-filter: blur(1px) grayscale(100%) brightness(1);
    backdrop-filter: blur(1px) grayscale(100%) brightness(1);
    z-index: 99999999;
    font-size: clamp(1.5rem, 2.7vw, 3rem);
    font-family: Poppins;
    font-weight: 800;
    pointer-events: none;
    display: none;
}

.ecos-wait-for.active {
    display: flex;
}


.selected-article-preview.active {
    -webkit-animation: slideUpFade 1s ease-in-out forwards;
    animation: slideUpFade 1s ease-in-out forwards;
}

@-webkit-keyframes slideUpFade {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideUpFade {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}




.dcard {
    background-color: #fff;
    border-radius: 10px;
    padding: .35rem 1rem;
    font-size: .875rem;
    font-family: Poppins;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.025);
}


.dcard .total {
    font-size: 1rem;
    font-weight: 700;
}

textarea {
    resize: none;
}



.auth-wrapper {
    height: 100vh;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins;
}


.auth-wrapper form {
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 2px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.auth-wrapper .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-bottom: 2rem;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 800;
}

.auth-wrapper .logo> :first-child {
    width: 38px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8b759a;
    color: #fff;
}

.auth-wrapper .logo>:not(:first-child) {
    font-size: 1.5rem;
}


.ecos-paginate {
    --ecos-paginate-display: flex;
    --ecos-paginate-align: center;
    --ecos-paginate-my: 1rem;
    --ecos-paginate-position: relative;
    --ecos-paginate-btn-py: .5rem;
    --ecos-paginate-btn-px: 1rem;
    --ecos-paginate-btn-display: inline-block;
    --ecos-paginate-btn-vertical-align: middle;
    --ecos-paginate-btn-align: center;
    --ecos-paginate-btn-font-size: .875rem;
    --ecos-paginate-btn-border-color: rgba(0, 0, 0, 0.1);
    --ecos-paginate-btn-bg: #000;
    --ecos-paginate-btn-color: #000;
    --ecos-paginate-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: var(--ecos-paginate-display);
    align-items: var(--ecos-paginate-align);
    justify-content: center;
    margin-top: calc(var(--ecos-paginate-my) * 4);
    margin-bottom: var(--ecos-paginate-my);
    position: relative;
    flex-wrap: var(--ecos-paginate-wrap);
}

.ecos-paginate-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
}


.ecos-paginate-btn:first-of-type {
    border-radius: 10px 0 0 10px;
}

.ecos-paginate-btn:last-of-type {
    border-radius: 0 10px 10px 0;
}

.ecos-paginate-btn,
.ecos-paginate-list span {
    padding: var(--ecos-paginate-btn-py) var(--ecos-paginate-btn-px);
    display: var(--ecos-paginate-btn-display);
    vertical-align: var(--ecos-paginate-btn-vertical-align);
    text-align: var(--ecos-paginate-btn-align);
    font-size: var(--ecos-paginate-btn-font-size);
    border: 1px solid var(--ecos-paginate-btn-border-color);
    cursor: pointer;
    color: var(--ecos-paginate-btn-color);
    /* background-color: var(--ecos-paginate-btn-bg); */
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}

.ecos-paginate-btn {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.ecos-paginate-list span {
    background-color: transparent;
    border: none;
    font-weight: 500;
}

.ecos-paginate-list span.active,
.ecos-paginate-btn:hover {
    opacity: 0.5;
}

.ecos-paginate-btn:hover {
    --ecos-paginate-btn-border-color: transparent;
    --ecos-paginate-btn-bg: #8b759a;
    --ecos-paginate-btn-color: #000;

}

.ecos-paginate-list span.active {
    pointer-events: none;
    color: #000;
    text-decoration: underline;
}



.isloader-container {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    font-family: Poppins;
    font-weight: 700;
}


.isloader-container .isloader {
    width: 20px;
    height: 20px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #7d688b;
    border-right-color: #7d688b;
    -webkit-animation: isLoader .4s linear infinite;
    animation: isLoader .4s linear infinite;
}

@-webkit-keyframes isLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes isLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.eform-slider {
    display: flex;
    width: 100%;
    overflow: hidden;
    gap: 1rem;
    scroll-behavior: smooth;
}

.eform-slider .slide {
    width: 100%;
    min-width: 100%;
    padding: 1rem .5rem;
}


.tool-imagens,
.tool-variant,
.tool-variant-companies {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: .5rem;
    padding-left: 1rem;
}

.tool-variant-companies+.tool-variant-companies,
.tool-variant+.tool-variant {
    margin-top: 0.75rem;
}

.tool-variant>input {
    width: 30% !important;
}

.tool-imagens,
.tool-variantes {
    height: 45vh;
    max-height: 45vh;
    overflow-y: auto;
    position: relative;
}

.tool-imagens {
    height: 40vh;
    max-height: 40vh;
    display: flex;
    flex-direction: column;
}

.ebtn-image {
    padding: .6rem 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    cursor: pointer;
    border: 1px dashed #cad4da;
    transition: opacity .25s ease-in-out;
    font-size: .875rem;
    font-weight: 600;
}

.ebtn-image:hover {
    opacity: 0.8;
}

.tool-imagens {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
}

.tool-imagess {
    width: 190px;
    min-width: 190px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: .875rem;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: .45rem .4rem;
    border-radius: .25rem;
    gap: 10px;
    position: relative;
}

.tool-imagess img {
    width: 90%;
    height: 60%;
    margin: 0 auto;
    aspect-ratio: 1/1;
    border-radius: .15rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.tool-imagess span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}


.tool-imagess button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 80%;
    font-size: 1.8rem;
    position: absolute;
    top: -20%;
    right: 0.5rem;
    transition: opacity .25s ease-in-out;
}

.tool-imagess button:hover {
    opacity: 0.4;
}


.table-content {
    padding: 1rem 0;
    background-color: #fff;
}

.table-content-control {
    display: flex;
    padding: 0 1rem;
    /* justify-content: flex-end; */
}



.tabed-panels-header,
.tabed-panels {
    position: relative;
}


.tabed-panels-header {
    gap: 22px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    border-bottom: 1px solid #cad4da;
}

.tabed-panels-header>button,
.tabed-panels-header>.tabed-panels-trigger,
.tabed-panels-trigger {
    min-height: 1px;
    padding: .8rem 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    font-family: Montserrat;
    font-weight: 600;
    cursor: pointer;
    font-size: .875rem;
    opacity: .3;
    border-bottom: 2px solid transparent;
    transition: border-color .25s ease-in-out;
}

.tabed-panels-header>button.active,
.tabed-panels-header>.tabed-panels-trigger.active,
.tabed-panels-trigger.active {
    opacity: 1;
    border-bottom-color: #000;
}

.tabed-panels-header>button:hover,
.tabed-panels-header>.tabed-panels-trigger:hover .tabed-panels-trigger:hover {
    opacity: .5;
}

.tabed-panels-content {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.tabed-panels-content>* {
    display: none;
    min-width: 100%;
}

.tabed-panels-content>.active {
    display: block;
}


.artigo-detalhes-caracteristics li {
    border: 1px solid transparent;
    border-top-color: #cad4da;
    padding: .65rem 0;
}











.use-cartadd-trigger {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 10px;
}

.use-cartadd-control-count button>*,
.use-cartadd-trigger input {
    pointer-events: none;
}

.use-cartadd-control-count {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    background-color: #fff;
}

.use-cartadd-control-count>* {
    width: 45px;
    padding: .7rem .75rem;
    font-size: .875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.use-cartadd-control-count button {
    font-size: 1.15rem;
    transition: opacity .25s ease-in-out;
}

.use-cartadd-control-count button:hover {
    opacity: .5;
}

.use-cartadd-trigger .p-artigo-btn {
    padding: .7rem .75rem;
    font-size: .875rem;
    font-weight: 500;
}

.use-cartadd-trigger .p-artigo-btn:last-of-type {
    background-color: #f89220;
}


.disabled {
    opacity: 0.3;
    pointer-events: none;
}


.use-pricecomp {
    position: relative;
}

.use-pricecomp-header {
    width: 100%;
    border-radius: 6px;
    padding: .65rem .75rem;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
    ;
}

.use-pricecomp-header i {
    width: 32px;
    height: 32px;
    display: flex;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #8b759a;
    color: #8b759a;
}

.use-pricecomp-header>* {
    pointer-events: none;
}

.use-pricecomp-header:hover {
    opacity: 0.65;
}

.use-pricecomp-header:hover {
    border-color: rgba(139, 117, 154, 0.7);
}

.use-pricecomp-header:focus {
    border-color: rgba(139, 117, 154, 0.7);
    box-shadow: 0 0 0 .2rem rgba(139, 117, 154, .2);
}

.use-pricecomp-content {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 1rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 999999999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
}

/* Estado ativo genérico */
.use-pricecomp-content.active {
    opacity: 1;
    pointer-events: all;
}

/* Direção para baixo */
.use-pricecomp-content.down {
    top: 110%;
    -webkit-animation: pushdown 0.35s ease forwards;
    animation: pushdown 0.35s ease forwards;
}

@-webkit-keyframes pushdown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes pushdown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Direção para cima */
.use-pricecomp-content.up {
    bottom: 110%;
    top: auto;
    -webkit-animation: pushup 0.35s ease forwards;
    animation: pushup 0.35s ease forwards;
}

@-webkit-keyframes pushup {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes pushup {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.p-artigo-add-favorite {
    transition: opacity .15s ease-in-out;
}

.p-artigo-add-favorite:hover {
    opacity: .5;
}