:root,[data-bs-theme="light"]{--cz-primary:#16909e;--cz-primary-rgb:22,144,158;--cz-primary-text-emphasis:#007785;--cz-primary-bg-subtle:#e8f4f5;--cz-primary-border-subtle:#d0e9ec;--cz-border-width:1px;}[data-bs-theme="dark"]{--cz-primary-text-emphasis:#098391;--cz-primary-bg-subtle:#182931;--cz-primary-border-subtle:#18343d;}.btn-primary{--cz-btn-bg:#16909e;--cz-btn-border-color:#16909e;--cz-btn-hover-bg:#007785;--cz-btn-hover-border-color:#007785;--cz-btn-active-bg:#007785;--cz-btn-active-border-color:#007785;--cz-btn-disabled-bg:#16909e;--cz-btn-disabled-border-color:#16909e;}.btn-outline-primary{--cz-btn-color:#16909e;--cz-btn-border-color:#16909e;--cz-btn-hover-bg:#16909e;--cz-btn-hover-border-color:#16909e;--cz-btn-active-bg:#16909e;--cz-btn-active-border-color:#16909e;--cz-btn-disabled-color:#16909e;--cz-btn-disabled-border-color:#16909e;}
:root,[data-bs-theme="light"]{--cz-primary:#fc9231;--cz-primary-rgb:252,146,49;--cz-primary-text-emphasis:#e37918;--cz-primary-bg-subtle:#fff4ea;--cz-primary-border-subtle:#fee9d6;--cz-border-width:1px;}[data-bs-theme="dark"]{--cz-primary-text-emphasis:#ef8524;--cz-primary-bg-subtle:#2f2926;--cz-primary-border-subtle:#463427;}.btn-primary{--cz-btn-bg:#fc9231;--cz-btn-border-color:#fc9231;--cz-btn-hover-bg:#e37918;--cz-btn-hover-border-color:#e37918;--cz-btn-active-bg:#e37918;--cz-btn-active-border-color:#e37918;--cz-btn-disabled-bg:#fc9231;--cz-btn-disabled-border-color:#fc9231;}.btn-outline-primary{--cz-btn-color:#fc9231;--cz-btn-border-color:#fc9231;--cz-btn-hover-bg:#fc9231;--cz-btn-hover-border-color:#fc9231;--cz-btn-active-bg:#fc9231;--cz-btn-active-border-color:#fc9231;--cz-btn-disabled-color:#fc9231;--cz-btn-disabled-border-color:#fc9231;}
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}

.lh-normal {
	line-height: normal;
}
.theme-switcher i.ci-sun {
	color: #ffdf7f;
}
.theme-switcher i.ci-moon {
	color: #40BBEC;
}
.top-bar {
	background-color: #1c222b;
}
/*****************************************/

.browse-categories {
    margin-bottom: 0;
}

.browse-categories {
    margin: 0;
    padding: 0;
}
.browse-categories-wrap {
    margin-bottom: 30px;
}
.browse-categories {
    margin: -7px 0 0 -5px;
}
.browse-categories li {
    display: block;
    padding: 8px 0;
}
.browse-categories li.active > a {
    color: #0068e1;
    color: var(--color-primary);
}
.browse-categories li a {
    display: block;
    margin-left: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.browse-categories li a.active,
.browse-categories li a:hover {
    color: #0068e1;
    color: var(--color-primary);
}
.browse-categories li i {
    font-size: 14px;
    float: left;
    margin-top: 4px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.browse-categories li i.open {
    color: #0068e1;
    color: var(--color-primary);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.browse-categories li i.ci-plus.open:before {
    content: "\f1c7";
}
.browse-categories li ul {
    list-style: none;
    display: none;
    margin-left: 10px;
}
.browse-categories li ul li {
    padding-bottom: 0;
}
.browse-categories i.ci-plus {
    background-color: rgba(0, 128, 96, 0.3);
    padding: 5px;
    margin-right: 10px;
    color: var(--color-primary);
    border-radius: 2px;
    margin: 0px 10px 0px 5px;
}
.nav-sub-categories ul li {
    height: calc(100% - 1.875rem);
    border-left: 0.1rem solid var(--cz-border-color);
    margin-left: 5px;
}
a {
    text-decoration: none;
}
/*****************************************/

/*.product-card{
	border: var(--cz-border-width) var(--cz-border-style) var(--cz-border-color) !important;
}
.product-card:has(.select-card-check:checked), .product-card:hover{
	border: none!important;
}*/
.product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.5em;
}
@media (min-width: 992px) {
    .border-lg-end {
    	border-right: var(--cz-border-width) var(--cz-border-style) var(--cz-border-color) !important;
    }
}
.load-more-spinner {
    display: none;
}
.limit-length {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

[data-bs-theme="light"] {
	body {
		background-color: #F6F9FF;
	}
	.des-overlay:before {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    bottom: 48px;
	    left: 0;
	    right: 0;
	    z-index: 1;
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(white));
	    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%);
	    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white 100%);
	    pointer-events: none;
	}
}
[data-bs-theme="dark"] {
	.des-overlay:before {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    bottom: 48px;
	    left: 0;
	    right: 0;
	    z-index: 1;
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(#181D25));
	    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #181D25 100%);
	    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #181D25 100%);
	    pointer-events: none;
	}
}
.description {
    max-height: 400px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.description.expanded {
    max-height: none;
}

@media (min-width: 768px) {
	.reviewS {
		width: 20rem!important;
	}
}
.drift-zoom-pane img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
/*.swiper-thumb-img {
	object-fit: contain;
}*/