@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap");
 :root {
    --green-dark: #00563f;
    --green-light: #008060;
    --white: #ffffff;
    --black: #000000;
    --coffee-brown: #4b3621;
}

/* Persian price scale: minimum handle on the right, maximum on the left. */
.category-page .dual-price-range__slider,
.category-page .dual-price-range__slider input[type=range]{direction:rtl}

body {
    margin: 0;
    background-color: #f4f4f4;
    font-family: "Vazirmatn", sans-serif;
    direction: rtl;
    overflow-x: hidden;
}

@media (min-width: 991px) {
    .first-banner-product {
        position: relative;
        width: 100%;
        height: 45vh;
        overflow-y: hidden;
    }
    .hero-shape {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
    }
    .text-banner-div {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        z-index: 3;
        justify-content: center;
        position: relative;
    }
    .text-banner {
        position: relative;
        margin-right: 0px;
    }
    .first-banner-product a {
        width: 50px;
        height: 50px;
        background-color: #f4f4f4;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 25px);
        /* bottom: 65px; */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        cursor: pointer;
        top: 68%;
        z-index: 10000;
        text-decoration: none;
        border: 2px solid #00563f;
        border-top: none;
    }
    .first-banner-product a i {
        color: #008662;
    }
    /* .first-banner-product span::before {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            background-color: #00563f;
            bottom: 0;
            left: -24px;
            border-radius: 0 24px 0 0;
            box-shadow: 2px -2px 0 #00563f, 6px -8px 0 #00563f;
        } */
    .text-banner img {
        width: 100px;
        position: absolute;
        right: -110px;
        top: -25px;
        display: none;
    }
    .text-banner h1 {
        font-size: 45px;
        color: #fff;
        font-family: "Yekan1" !important;
    }
    .hero-products {
        position: relative;
        padding-top: 240px;
    }
}

@media (max-width: 991px) {
    .first-banner-product {
        position: relative;
        width: 100%;
        height: 45vh;
        overflow-y: hidden;
    }
    .hero-shape {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
    }
    .text-banner-div {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        z-index: 3;
        justify-content: center;
        position: relative;
    }
    .text-banner {
        position: relative;
        margin-right: 0px;
    }
    .first-banner-product a {
        width: 35px;
        height: 35px;
        background-color: #f4f4f4;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 17.5px);
        /* bottom: 65px; */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        cursor: pointer;
        top: 70%;
        z-index: 10000;
        text-decoration: none;
    }
    .first-banner-product a i {
        color: #008662;
    }
    /* .first-banner-product span::before {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            background-color: #00563f;
            bottom: 0;
            left: -24px;
            border-radius: 0 24px 0 0;
            box-shadow: 2px -2px 0 #00563f, 6px -8px 0 #00563f;
        } */
    .text-banner img {
        width: 100px;
        position: absolute;
        right: -110px;
        top: -25px;
        display: none;
    }
    .text-banner h1 {
        font-size: 30px;
        color: #fff;
        font-family: "Yekan1" !important;
    }
    .hero-products {
        position: relative;
        padding-top: 240px;
    }
}


/* end first sec */

.coffee-card {
    position: relative;
    background: var(--green-dark);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 18px;
    transition: all 0.4s ease;
    padding-top: 70px;
    height: 100%;
    width: 280px;
    margin-top: 105px;
    text-decoration: none;
}

.coffee-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.rating-card {
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 85px;
    background: var(--green-light);
    backdrop-filter: blur(12px);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 3;
}

.rating-card span {
    background-color: #fff;
    color: #000;
    padding: 3px;
    font-size: 11px;
    border-radius: 7px;
    position: relative;
    left: 60%;
    top: 26%;
}

.coffee-img {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}


/* .coffee-img img {
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.45));
    transition: transform 0.4s ease;
    width: 70px;
}

.coffee-card:hover .coffee-img img {
    transform: translateY(-6px) scale(1.05);
}

.coffee-img .img2 {
    display: none;
    width: 110px;
}

.coffee-card:hover .coffee-img {
    top: -115px;
}

.coffee-card:hover .coffee-img .img1 {
    display: none;
    transform: scale(1.05) translateY(-6px);
}

.coffee-card:hover .coffee-img .img2 {
    display: block;
} */

.coffee-card .coffee-img img {
    width: 70px;
}

.coffee-card .coffee-img .img2 {
    display: none;
}

.coffee-card:hover .coffee-img .img2 {
    display: block;
}

.coffee-card:hover .coffee-img .img1 {
    display: none;
}

.coffee-info h5 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
}

.coffee-info p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    font-size: 0.9rem;
}

.coffee-info span {
    color: #fff;
}

.coffee-info .btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    padding: 0px;
}

.coffee-info button img {
    width: 60%;
}

.coffee-info .btn:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: scale(1.1);
}

.product-card-price {
    display: flex;
    min-width: 145px;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.product-discount-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
}

.product-discount-badge {
    padding: 3px 7px;
    border-radius: 12px;
    color: #fff;
    background: #dc3545;
    white-space: nowrap;
}

.coffee-info .product-old-price {
    color: rgba(255, 255, 255, .65);
    font-size: 12px;
    white-space: nowrap;
}

.coffee-info .product-final-price {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.product-final-price img {
    width: 18px;
    height: auto;
}


/*--end card-caffe--*/

/* Redesigned category page */
.category-page{--cat-green:#075c45;--cat-deep:#043c2e;--cat-cream:#fbf8f1;--cat-gold:#d1a56a;--cat-ink:#1b332a;background:var(--cat-cream);color:var(--cat-ink);overflow:hidden}.category-page *{box-sizing:border-box}.category-page a{text-decoration:none}.category-hero{--hero-progress:0;position:relative;min-height:690px;padding:150px 0 135px;background:linear-gradient(125deg,#03372a 0%,#075c45 62%,#0b6c51 100%);color:#fff;overflow:hidden}.category-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(231,193,136,.18),transparent 28%),linear-gradient(100deg,rgba(0,25,18,.3),transparent 55%)}.category-hero__grain{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.34) .6px,transparent .6px);background-size:8px 8px;mask-image:linear-gradient(to left,#000,transparent 75%)}.category-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.category-breadcrumb ol{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 42px;padding:0;list-style:none;color:rgba(255,255,255,.55);font-size:11px}.category-breadcrumb li+li:before{content:"/";margin-left:9px;opacity:.45}.category-breadcrumb a{color:rgba(255,255,255,.8)}.category-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:17px;color:#e6c18d;font-size:12px;font-weight:750}.category-eyebrow i{width:7px;height:7px;border-radius:50%;background:#e6c18d;box-shadow:0 0 0 6px rgba(230,193,141,.12)}.category-hero h1{margin:0 0 20px;color:#fff;font-size:clamp(45px,6vw,78px);font-weight:900;line-height:1.25;letter-spacing:-2px}.category-hero__copy>p{max-width:610px;margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:2.1}.category-hero__actions{display:flex;align-items:center;gap:24px;margin-top:30px}.category-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:13px;background:#e2bd84;color:#15392e;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(0,25,18,.18)}.category-hero__actions>span{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.66);font-size:11px}.category-hero__actions>span i{color:#d9b478}.category-art{position:relative;height:480px;display:grid;place-items:center;transform:translateY(calc(var(--hero-progress) * 24px));transition:transform .08s linear}.category-art__svg{width:min(100%,560px);height:auto;overflow:visible}.category-art__svg [data-scroll-depth]{transform:translateY(var(--scroll-y,0));transition:transform .08s linear;transform-box:fill-box;transform-origin:center}.scroll-steam{animation:catSteam 3.5s ease-in-out infinite}.scroll-cup{animation:catCup 4.5s ease-in-out infinite}.scroll-orbit{transform-origin:center;animation:catOrbit 28s linear infinite}@keyframes catSteam{0%,100%{opacity:.35}50%{opacity:.85}}@keyframes catCup{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes catOrbit{to{rotate:360deg}}.category-art__label{position:absolute;left:0;bottom:48px;display:block;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,24,17,.14)}.category-art__label b,.category-art__label small{display:block}.category-art__label b{font-size:12px}.category-art__label small{margin-top:4px;color:rgba(255,255,255,.55);font-size:9px}.category-hero__curve{position:absolute;right:-5%;bottom:-72px;width:110%;height:132px;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--cat-cream)}.category-products{padding:70px 0 105px}.category-products__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px;padding-bottom:25px;border-bottom:1px solid #e5e0d6}.category-products__head>div:first-child>span{color:#a77940;font-size:11px;font-weight:750}.category-products__head h2{margin:6px 0 4px;color:var(--cat-ink);font-size:30px;font-weight:900}.category-products__head p{margin:0;color:#7a8781;font-size:12px}.category-tools{display:flex;align-items:center;gap:10px}.category-page .filter-btn{display:none;width:auto;height:44px;padding:0 15px;border:1px solid #dce4df;border-radius:12px;background:#fff;color:var(--cat-green);font-size:12px;font-weight:750;align-items:center;gap:8px;cursor:pointer}.sort-box{position:relative;display:flex;min-width:225px;height:46px;padding:0 14px;border:1px solid #dfe4df;border-radius:12px;background:#fff;align-items:center;gap:10px}.sort-box>span{padding-left:10px;border-left:1px solid #e6e8e5;color:#8c958f;font-size:10px}.sort-box select{flex:1;appearance:none;border:0;outline:0;background:transparent;color:#30463d;font-family:inherit;font-size:11px;cursor:pointer}.sort-box>i{color:#79857f}.category-shop-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:32px;align-items:start}.category-filter-column{position:relative}.category-page .filter-box{position:sticky;top:105px;display:block!important;width:100%;height:auto!important;padding:24px!important;border:1px solid #e5e1d8;border-radius:20px!important;background:#fff!important;color:#273d34!important;box-shadow:0 16px 40px rgba(26,54,43,.06)!important;overflow:visible!important}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.filter-head span{color:#a77940;font-size:9px;font-weight:700}.filter-head h2{margin:4px 0 0;font-size:18px;font-weight:850}.category-page .close-filter{display:none;position:static;width:36px;height:36px;border:0;border-radius:10px;background:#f1f5f2;color:#315046}.filter-group{padding:20px 0;border-top:1px solid #eeeae2}.filter-group h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:13px;font-weight:800}.filter-group h3 i{color:#a77940}.categories-items{max-height:285px;padding-left:4px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cdd9d3 transparent}.category-page .filter-item{display:flex!important;align-items:center;gap:9px;margin:0 0 9px!important;padding:7px 8px;border-radius:9px;color:#5d6d66;font-size:11px;cursor:pointer;transition:.2s}.category-page .filter-item:hover{background:#f4f7f5;color:var(--cat-green)}.category-page .filter-item input{position:absolute;opacity:0}.category-page .filter-item>span{width:15px;height:15px;flex:0 0 15px;border:1px solid #b7c4be;border-radius:50%;box-shadow:inset 0 0 0 3px #fff}.category-page .filter-item input:checked+span{border-color:var(--cat-green);background:var(--cat-green)}.category-page .filter-item:has(input:checked){background:#edf5f1;color:var(--cat-green);font-weight:750}.category-page .sub-cat{padding:0 16px 5px 0!important;border-right:1px dashed #d9e0dc}.slider-price{position:relative;padding-top:8px}.slider-price input[type=range]{width:100%;height:4px;margin:8px 0;accent-color:var(--cat-green)}.price-values{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:#7a8781;font-size:9px}.price-values b{display:block;margin-top:4px;color:#31483e;font-size:10px}.slider-price>small{display:block;margin-top:8px;color:#a1aaa5;font-size:8px}.apply-filter{display:flex;width:100%;height:44px;border:0;border-radius:12px;background:var(--cat-green);color:#fff;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.category-product-results{min-width:0}.products-loading{display:grid;min-height:350px;place-content:center;text-align:center;color:#7e8a84}.products-loading span{width:38px;height:38px;margin:auto;border:3px solid #dce7e2;border-top-color:var(--cat-green);border-radius:50%;animation:catLoad .8s linear infinite}.products-loading p{margin-top:13px;font-size:11px}@keyframes catLoad{to{transform:rotate(360deg)}}
@media(max-width:991px){.category-hero{min-height:620px;padding:120px 0 105px}.category-hero__inner{grid-template-columns:1fr 1fr;gap:20px}.category-hero h1{font-size:43px}.category-art{height:370px}.category-products{padding-top:55px}.category-page .filter-btn{display:flex}.category-shop-layout{grid-template-columns:1fr}.category-filter-column{position:static}.category-page .filter-box{position:fixed;z-index:10050;top:0;right:0;display:block!important;width:min(88vw,360px);height:100dvh!important;padding:25px!important;border-radius:22px 0 0 22px!important;overflow-y:auto!important;transform:translateX(110%);transition:transform .3s ease}.category-page .filter-box.is-open{transform:translateX(0)}.category-page .close-filter{display:grid;place-items:center}.filter-is-open:after{content:"";position:fixed;z-index:10040;inset:0;background:rgba(4,35,26,.55);backdrop-filter:blur(3px)}.category-product-results{width:100%}}
@media(max-width:767px){.category-hero{min-height:720px;padding:105px 0 90px}.category-hero__inner{display:flex;flex-direction:column;gap:10px}.category-breadcrumb{display:none}.category-hero__copy{text-align:center}.category-eyebrow{margin-top:10px}.category-hero h1{font-size:39px}.category-hero__copy>p{font-size:13px;line-height:2}.category-hero__actions{justify-content:center;flex-wrap:wrap;margin-top:22px}.category-art{width:100%;height:300px}.category-art__svg{width:340px}.category-art__label{left:8px;bottom:20px}.category-products{padding:48px 0 75px}.category-products__head{display:block}.category-products__head h2{font-size:25px}.category-products__head p{line-height:1.8}.category-tools{margin-top:22px}.category-page .filter-btn{flex:1;justify-content:center}.sort-box{flex:1;min-width:0}.sort-box>span{display:none}.category-shop-layout{gap:20px}}
@media(max-width:480px){.category-hero{min-height:680px}.category-hero__actions>span{display:none}.category-art{height:270px}.category-art__svg{width:300px}.category-products__head h2{font-size:23px}.sort-box{max-width:190px}.category-page .chantito-product-card-grid{padding-right:5px;padding-left:5px}}
@media(prefers-reduced-motion:reduce){.category-art,.category-art__svg [data-scroll-depth],.scroll-steam,.scroll-cup,.scroll-orbit{animation:none!important;transition:none!important;transform:none!important}}

/* Compact storefront hero: products enter the viewport much sooner. */
.category-page .category-hero{min-height:510px;padding:108px 0 66px;overflow:hidden}
.category-page .category-hero__inner{grid-template-columns:1.15fr .85fr;gap:38px}
.category-page .category-breadcrumb ol{margin-bottom:22px}
.category-page .category-eyebrow{margin-bottom:10px}
.category-page .category-hero h1{margin-bottom:10px;font-size:clamp(38px,4.7vw,62px)}
.category-page .category-hero__copy>p{display:-webkit-box;max-width:650px;overflow:hidden;font-size:13px;line-height:1.95;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.category-page .category-hero__actions{margin-top:20px}
.category-page .category-art{height:330px;transform:translate3d(calc(var(--hero-progress) * -20px),calc(var(--hero-progress) * 16px),0) rotate(calc(var(--hero-progress) * -2deg))}
.category-page .category-art__svg{width:min(100%,420px)}
.category-page .category-art__svg [data-scroll-depth]{transform:translate3d(0,var(--scroll-y,0),0) rotate(var(--scroll-rotate,0deg)) scale(var(--scroll-scale,1));will-change:transform}
.category-page .category-art__label{left:-5px;bottom:26px}
.category-page .category-hero__curve{right:0;bottom:-1px;width:100%;height:48px;border-radius:0;clip-path:polygon(0 68%,42% 100%,74% 48%,100% 82%,100% 100%,0 100%)}
.category-page .category-products{padding-top:38px}

@media(max-width:991px){.category-page .category-hero{min-height:485px;padding:98px 0 54px}.category-page .category-hero__inner{grid-template-columns:1.1fr .9fr}.category-page .category-art{height:290px}.category-page .category-art__svg{width:350px}}
@media(max-width:767px){.category-page .category-hero{min-height:535px;padding:88px 0 45px}.category-page .category-hero__inner{gap:0}.category-page .category-eyebrow{margin-top:3px}.category-page .category-hero h1{font-size:34px}.category-page .category-hero__copy>p{max-width:340px;margin:auto;font-size:11px;line-height:1.9;-webkit-line-clamp:2}.category-page .category-hero__actions{margin-top:15px}.category-page .category-primary{padding:11px 17px}.category-page .category-art{height:220px;margin-top:2px}.category-page .category-art__svg{width:250px}.category-page .category-art__label{left:6px;bottom:5px;padding:9px 12px}.category-page .category-products{padding-top:30px}}
@media(max-width:480px){.category-page .category-hero{min-height:510px}.category-page .category-art{height:205px}.category-page .category-art__svg{width:235px}}

/* Functional two-handle price range */
.category-page .dual-price-range{padding:4px 0 0}.dual-price-range__values{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:20px}.dual-price-range__values output{padding:9px 7px;border:1px solid #e0e7e3;border-radius:9px;background:#f7f9f8;color:#29443a;font-size:9px;font-weight:750;text-align:center;white-space:nowrap}.dual-price-range__values>span{color:#9aa49f;font-size:9px}.dual-price-range__slider{position:relative;height:28px;direction:ltr}.dual-price-range__rail{position:absolute;top:12px;right:0;left:0;height:5px;border-radius:10px;background:#e0e6e2}.dual-price-range__rail span{position:absolute;top:0;bottom:0;border-radius:10px;background:linear-gradient(90deg,#168d6c,#075c45);box-shadow:0 0 0 1px rgba(7,92,69,.08)}.dual-price-range__slider input[type=range]{position:absolute;top:0;left:0;width:100%;height:28px;margin:0!important;padding:0;appearance:none;pointer-events:none;background:transparent!important;outline:0}.dual-price-range__slider input[type=range]::-webkit-slider-runnable-track{height:5px;background:transparent}.dual-price-range__slider input[type=range]::-webkit-slider-thumb{width:21px;height:21px;margin-top:-8px;appearance:none;border:4px solid #fff;border-radius:50%;background:#087557;box-shadow:0 2px 9px rgba(5,75,55,.3);pointer-events:auto;cursor:grab}.dual-price-range__slider input[type=range]::-moz-range-track{height:5px;background:transparent}.dual-price-range__slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:#087557;box-shadow:0 2px 9px rgba(5,75,55,.3);pointer-events:auto;cursor:grab}.dual-price-range__slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(7,92,69,.22);outline-offset:3px}.dual-price-range>small{display:block;margin-top:8px;color:#98a39e;font-size:8px;line-height:1.7}.products-state{display:grid;min-height:360px;place-content:center;text-align:center;color:#6e7d76}.products-state i{margin-bottom:12px;color:#b28a57;font-size:34px}.products-state p{max-width:330px;margin:0;font-size:12px;line-height:1.9}.products-state--error{color:#9b4d4d}


/*--end card-caffe--*/

.filter-box {
    position: sticky;
    top: 130px;
    /* background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%); */
    background-color: rgba(255, 255, 255, 0.829);
    /* border: 3px solid rgba(189, 189, 189, 0.263); */
    border: 2px solid rgba(0, 77, 6, 0.263);
    border-radius: 20px;
    height: fit-content;
    z-index: 20;
}

.text-green {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 1rem;
    color: transparent;
    background: linear-gradient(46.52deg, rgba(0, 113, 47, 0.266) -145.75%, #008060 119.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
    margin-bottom: 1.4rem !important;
}

.text-green::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 6px;
    border-radius: 2px;
    background: linear-gradient(92.52deg, rgba(0, 113, 47, 0.266) -0.75%, #008060 98.5%);
}

.categories-items {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden !important;
}

.filter-item {
    cursor: pointer;
    user-select: none;
}

.filter-item:hover {
    transform: translateX(-3px);
    font-weight: bold;
}

.filter-circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #008060;
    display: inline-block;
    transition: 0.25s;
}

.filter-item.active .filter-circle {
    background: var(--green-light);
    border-color: var(--green-light);
}

.price-slider {
    width: 49%;
    appearance: none;
    -webkit-appearance: none;
    height: 5px;
    background: rgba(26, 114, 28, 0.6);
    border-radius: 10px;
    margin-bottom: 10px;
}

.price-slider::-webkit-slider-runnable-track {
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}

.price-slider::-moz-range-track {
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}

.price-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green-light);
    border: 2px solid #0c0c0c;
    cursor: pointer;
}

.price-slider::-moz-range-thumb {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green-light);
    border: 2px solid #5a5a5a;
    cursor: pointer;
}

.filter-btn {
    display: none;
}

.sort-select {
    border: 1px solid #008060;
    border-radius: 35px;
    background-color: transparent;
    width: 170px;
    height: 40px;
    font-size: 14px;
    color: #008060;
    padding-right: 10px;
    font-weight: 900;
    margin-right: 10px;
}

.close-filter {
    display: none;
}

@media (max-width: 992px) {
    /* .filter-box {
        position: relative;
        top: auto;
        margin-bottom: 2.5rem;
    } */
    .filter-box {
        position: fixed;
        top: 0px;
        right: 0px;
        background-color: #fff;
        width: 100%;
        height: 100vh;
        z-index: 100000000000 !important;
        border-radius: 0px;
        display: none;
    }
    .close-filter {
        display: block;
        position: fixed;
        top: 10px;
        left: 10px;
        font-size: 22px;
        color: #df8c08;
        cursor: pointer;
    }
    .filter-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #df8c08;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 100000000;
    }
    .sort-select {
        border: 1px solid #008060;
        border-radius: 35px;
        background-color: transparent;
        width: 140px;
        height: 40px;
        font-size: 14px;
        color: #008060;
        padding-right: 10px;
        font-weight: 900;
        margin-right: 10px;
        display: none;
    }
}