.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.d-none{display:none}@media only screen and (min-width:992px){.d-lg-none{display:none}.d-lg-flex{display:flex}}.mb-0{margin-bottom:0}.mb-3{margin-bottom:1rem}.border-radius-10{border-radius:1rem}.mb-30{margin-bottom:2.5rem}.mb--n30{margin-bottom:-2.5rem}@media only screen and (min-width:1366px){.mb-30{margin-bottom:3rem}.mb--n30{margin-bottom:-3rem}}.mb-25{margin-bottom:1.8rem}.mb-20{margin-bottom:1.5rem}.mb-15{margin-bottom:1rem}.mb-10,.mb-8{margin-bottom:.8rem}@media only screen and (min-width:768px){.mb-20{margin-bottom:2rem}}@media only screen and (min-width:992px){.mb-25{margin-bottom:2.5rem}.mb-10{margin-bottom:1rem}}@media only screen and (min-width:1200px){.mb-15{margin-bottom:1.5rem}}.row{display:flex;flex-wrap:wrap;margin-right:-1.5rem;margin-left:-1.5rem}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:1.5rem;padding-left:1.5rem}.col{flex:1 0 0%}.row-cols-2>*{flex:0 0 auto;width:50%}@media only screen and (min-width:768px){.row-cols-md-3>*{flex:0 0 auto;width:33.3333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-12{flex:0 0 auto;width:100%}}@media only screen and (min-width:992px){.row-cols-lg-3>*{flex:0 0 auto;width:33.3333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-11{flex:0 0 auto;width:91.6667%}}@media only screen and (min-width:1200px){.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.col-xl-10{flex:0 0 auto;width:83.3333%}}.shop__header{padding:1.5rem 2rem;border-radius:.5rem}.product__view--mode__list{margin-right:2rem}.product__view--mode__list:last-child{margin-right:0}@media only screen and (min-width:992px){.product__view--mode__list{margin-right:1.5rem}}@media only screen and (min-width:1200px){.product__view--mode__list{margin-right:2.5rem}}@media only screen and (min-width:1366px){.product__view--mode__list{margin-right:3.5rem}}.widget__filter--btn{border:1px solid var(--border-color);background:var(--white-color);border-radius:.5rem;padding:.8rem 1.5rem;color:#333;font-weight:500;font-size:1.4rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.widget__filter--btn>*{pointer-events:none}.widget__filter--btn:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#f8f9fa}.widget__filter--btn__icon{width:20px}.widget__filter--btn__text{font-weight:500;font-size:1.4rem;margin-left:0}.product__grid--column__buttons--icons{border:1px solid var(--border-color);background:var(--white-color);color:#666;border-radius:.5rem;padding:.8rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;margin-right:10px}.product__grid--column__buttons--icons>svg{pointer-events:none}.product__grid--column__buttons--icons:last-child{margin-right:0}.product__grid--column__buttons--icons:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#f8f9fa}.product__grid--column__buttons--icons.active{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.product__view--search__form{width:200px;position:relative}@media only screen and (min-width:992px){.product__view--search__form{width:180px}}@media only screen and (min-width:1200px){.product__view--search__form{width:260px}}@media only screen and (min-width:1366px){.product__view--search__form{width:300px}}.product__view--search__input{width:100%;height:4rem;background:var(--white-color);border-radius:.5rem;padding:0 5rem 0 1.5rem;border:1px solid var(--border-color);font-size:1.4rem;color:#333}.product__view--search__input.border-0{border:0}.product__view--search__input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 .2rem #00a99d40}.product__view--search__input::placeholder{color:#999;font-size:1.4rem}.product__view--search__btn{position:absolute;right:0;top:0;border:0;background:var(--secondary-color);color:var(--white-color);height:100%;width:4rem;border-radius:0 .5rem .5rem 0;display:flex;align-items:center;justify-content:center;line-height:1}.product__view--search__btn:hover{background:#008f85;color:var(--white-color)}.product__view--search__btn--svg{width:22px;height:22px}.product__showing--count{color:#666;font-size:1.4rem;font-weight:400;letter-spacing:.5px}@media only screen and (min-width:992px){.product__showing--count{line-height:2.6rem;margin-left:1.5rem}}@media only screen and (max-width:767px){.shop__header .d-lg-none .d-flex{gap:1rem}.product__view--search__form{flex:1;max-width:none}}.pagination__area{padding:1.5rem 2rem;margin-top:3rem}@media only screen and (min-width:768px){.pagination__area{margin-top:5rem}}.pagination__list{margin-right:.8rem}.pagination__list:last-child{margin-right:0}@media only screen and (min-width:768px){.pagination__list{margin-right:1.2rem}}.pagination__item{width:3.5rem;height:3.5rem;line-height:3.3rem;font-size:1.6rem;font-weight:600;text-align:center;border-radius:50%;border:1px solid var(--border-color2);background:var(--white-color);display:inline-block}.pagination__item--current,.pagination__item:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}@media only screen and (min-width:768px){.pagination__item{width:4rem;height:4rem;line-height:3.8rem}}.pagination__item--arrow{color:var(--black-color);line-height:1}.pagination__item--arrow svg{width:22.51px}.pagination__item--arrow:hover{color:var(--secondary-color)}.pagination__item--arrow.disabled{opacity:.4;pointer-events:none}.offcanvas__filter{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#00000080;z-index:9999;transition:all .3s ease;opacity:0;visibility:hidden}.offcanvas__filter.active{left:0;opacity:1;visibility:visible}.offcanvas__filter--inner{position:absolute;top:0;left:0;width:75%;max-width:280px;height:100%;background:#fff;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease}.offcanvas__filter.active .offcanvas__filter--inner{transform:translate(0)}@media only screen and (min-width:992px){.offcanvas__filter--inner{width:400px;max-width:400px}.offcanvas__filter--content{padding:30px}.filter__section--title{font-size:18px}.filter__label,.color__label{font-size:16px;padding:10px 0}.filter__apply--btn,.filter__clear--btn{padding:15px 25px;font-size:16px}}.offcanvas__filter--header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#fff;position:sticky;top:0;z-index:10}.offcanvas__filter--title{font-size:16px;font-weight:600;color:#333;margin:0}.offcanvas__filter--close__btn{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.offcanvas__filter--close__btn>*{pointer-events:none}.offcanvas__filter--close__btn:hover{background:#f5f5f5;color:#333}.offcanvas__filter--content{padding:15px 20px}.filter__section{margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.filter__section:last-child{border-bottom:none;margin-bottom:0}.filter__section--header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0;margin-bottom:12px}.filter__section--title{font-size:14px;font-weight:600;color:#333;margin:0;text-transform:uppercase}.filter__section--arrow{transition:transform .3s ease;color:#666}.filter__section.active .filter__section--arrow{transform:rotate(180deg)}.filter__section--content{display:none;padding-top:8px}.filter__section.active .filter__section--content{display:block}.filter__option{margin-bottom:8px}.filter__option:last-child{margin-bottom:0}.filter__input,.color__input{display:none}.filter__label,.color__label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0;font-size:13px;color:#666;transition:color .3s ease;position:relative;width:100%}.filter__label:before,.color__label:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid #ddd;border-radius:3px;margin-right:8px;background:#fff;transition:all .3s ease;flex-shrink:0}.filter__input:checked+.filter__label:before,.color__input:checked+.color__label:before{background:var(--secondary-color);border-color:var(--secondary-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");background-size:10px;background-position:center;background-repeat:no-repeat}.filter__label:hover,.color__label:hover{color:var(--secondary-color)}.filter__input:checked+.filter__label,.color__input:checked+.color__label{color:var(--secondary-color);font-weight:500}.filter__text,.color__name{flex:1}.filter__count,.color__count{color:#999;font-size:12px}.color__options{display:flex;flex-direction:column;gap:10px}.color__option{display:flex;align-items:center;justify-content:space-between}.offcanvas__filter--footer{position:sticky;bottom:0;background:#fff;padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.filter__apply--btn{flex:1;background:var(--secondary-color);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s ease}.filter__apply--btn:hover{background:#008f85}.filter__clear--btn{flex:1;background:#f5f5f5;color:#666;border:1px solid #e0e0e0;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter__clear--btn:hover{background:#dc3545;color:#fff}
