.compare-kav__container{--w-container:100%;width:100%;margin:0 auto;max-width:var(--w-container);padding:0 12px}@media only screen and (min-width:576px){.compare-kav__container{--w-container:540px}}@media only screen and (min-width:768px){.compare-kav__container{--w-container:720px}}@media only screen and (min-width:992px){.compare-kav__container{--w-container:960px}}@media only screen and (min-width:1200px){.compare-kav__container{--w-container:1140px}}@media only screen and (min-width:1400px){.compare-kav__container{--w-container:1320px}}.compare-kav__flex{display:flex}.compare-kav__items-center{align-items:center}.compare-kav__justify-center{justify-content:center}.compare-kav__justify-between{justify-content:space-between}.compare-kav__relative{position:relative}.compare-kav__absolute{position:absolute}@supports (selector(::-webkit-scrollbar)){.compare-kav__scrollbar{scrollbar-color:unset!important}}.compare-kav__scrollbar{padding-left:8px;scrollbar-width:4px;scrollbar-color:#3D5AFF #F3F4F9}.compare-kav__scrollbar::-webkit-scrollbar{width:4px;background-color:#F3F4F9}.compare-kav__scrollbar::-webkit-scrollbar-thumb{border-radius:12px;background-color:#3D5AFF}.compare-kav__heading{font-size:22px;line-height:34px;font-weight:900;color:#414661;margin-bottom:56px;gap:8px}.compare-kav__btn{padding:12px 14px;border-radius:12px;text-align:center;font-size:14px;line-height:20px;font-weight:700;transition:all 0.3s ease-in-out}.compare-kav__btn__primary{background-color:#3d5aff;color:#fff}.compare-kav__btn__primary:hover{background-color:#0a2fff;color:#fff}.compare-kav__btn__outline__primary{border:1px solid #3d5aff;color:#3d5aff;padding:11px 25px}.compare-kav__btn__outline__primary:hover{background-color:#3d5aff;color:#fff}.compare-kav__compares{overflow:auto hidden;padding-bottom:12px}.compare-kav__compares__item,.compare-kav__compares__add__product{width:100%;max-width:284px;flex:0 0 auto}.compare-kav__compares__item__product{padding:8px 18px 18px;margin-bottom:46px}.compare-kav__compares__item__product .remove{top:0;left:28px}.compare-kav__compares__item__product img{display:block;width:150px;height:175px;margin:0 auto 24px;object-fit:contain}.compare-kav__compares__item__product .title{font-size:14px;line-height:20px;font-weight:500;color:#2b314f;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;max-height:40px;margin-bottom:16px}.compare-kav__compares__item__product .sizes{gap:8px}.compare-kav__compares__item__product .sizes li{padding:4px 8px;background-color:#f3f4f9;border-radius:8px;font-size:11px;line-height:16px;font-weight:600;color:#9397af;font-family:"Inter",sans-serif;letter-spacing:-.04em}.compare-kav__compares__item__product .rate{font-size:14px;line-height:22px;font-weight:700;color:#2b314f;gap:7px}.compare-kav__compares__item__product .rate svg{width:16px;height:16px;color:#ffc700}.compare-kav__compares__item__product .price-view{margin-top:22px}.compare-kav__compares__item__product .price del{font-size:14px;line-height:20px;color:#b3b7ca;font-weight:500;text-align:left;padding-left:12px;display:block}.compare-kav__compares__item__product .price .price{font-size:18px;line-height:20px;font-weight:700;color:#2b314f;gap:4px}.compare-kav__compares__item__product .price .price .toman{font-size:8px;line-height:8px;color:#3d5aff;font-weight:900}.compare-kav__compares__item .total-info{gap:24px;flex-direction:column}.compare-kav__compares__item .label{padding:18px;font-size:14px;line-height:20px;font-weight:800;color:#2b314f;z-index:2}.compare-kav__compares__item .label::before{content:"";position:absolute;top:0;right:0;width:var(--w);min-width:100%;height:100%;background-color:#f3f4f9;border-radius:8px;z-index:-1}@media only screen and (min-width:576px){.compare-kav__compares__item:not(:first-child) .label::before{display:none}}.compare-kav__compares__item .value{padding:0 18px;font-size:14px;line-height:20px;color:#2b314f;font-weight:500}.compare-kav__compares__item:not(:first-child) .compare-kav__compares__item__product,.compare-kav__compares__item:not(:first-child) .value{border-right:1px solid #e5e8f3}.compare-kav__compares__item:first-child .label::before{width:calc(var(--w-container) - 24px)}.compare-kav__compares__add__product .box-add{flex-direction:column;padding:50px 0}.compare-kav__compares__add__product .box-add svg{width:64px;height:64px;color:#e5e8f3;margin-bottom:35px}.compare-kav__compares__add__product:not(:first-child) .box-add{border-right:1px solid #e5e8f3}.compare-kav__modal{padding:8px;opacity:0;visibility:hidden;transition:all 0.3s linear;z-index:9999}.compare-kav__modal,.compare-kav__modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%}.compare-kav__modal__backdrop{background-color:rgb(34 34 46 / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.compare-kav__modal__content{width:100%;max-width:600px;background-color:#fff;border-radius:16px;padding:27px 32px 0;max-height:-moz-fit-content;max-height:fit-content;height:100%;overflow:hidden;flex-direction:column;transform:translateY(-100px);transition:all 0.3s linear}.compare-kav__modal.open{opacity:1;visibility:visible}.compare-kav__modal.open .compare-kav__modal__content{transform:translateY(0)}.compare-kav__modal__heading{margin-bottom:17px}.compare-kav__modal__title{font-size:14px;line-height:20px;font-weight:800;color:#2b314f}.compare-kav__modal__close{color:#606a8d;height:24px}.compare-kav__modal__close svg{width:24px;height:24px}.compare-kav__modal__compares__search input{width:100%;display:block;height:40px;background-color:#f3f4f9;border-radius:8px;font-size:12px;font-weight:500;color:#8c90a8;padding:0 40px 0 16px}.compare-kav__modal__compares__search button{top:50%;left:12px;transform:translateY(-50%);color:#8c90a8;height:20px}.compare-kav__modal__compares__products{flex-wrap:wrap;margin-top:16px;overflow:auto;height:100%;max-height:424px}.compare-kav__modal__compares__products li{width:100%;max-width:50%;flex:0 0 auto;flex-direction:column;padding:18px 24px}.compare-kav__modal__compares__products li:nth-child(n+3){border-top:1px solid #e5e8f3}.compare-kav__modal__compares__products li:nth-child(even){border-right:1px solid #e5e8f3}.compare-kav__modal__compares__products li img{width:140px;height:140px;margin-bottom:16px}.compare-kav__modal__compares__products li .content{flex-direction:column;height:100%}.compare-kav__modal__compares__products li .title{font-size:12px;line-height:20px;max-height:40px;text-align:center;font-weight:700;color:#2b314f;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden}.compare-kav__modal__compares__products li .compare-kav__btn{margin-top:auto;padding:9px 16px}@media only screen and (max-width:767px){.compare-kav__compares__item__product .remove{left:16px}.compare-kav__compares__item__product img{width:108px;height:108px}.compare-kav__compares__item__product .title{font-size:12px;line-height:20px;min-height:40px!important;max-height:40px}.compare-kav__compares__item__product .price-view{flex-direction:column;align-items:unset;row-gap:12px}.compare-kav__compares__item__product .price{align-self:center}.compare-kav__compares__item__product,.compare-kav__compares__item .label,.compare-kav__compares__item .value{padding-inline:16px}.compare-kav__compares__item,.compare-kav__compares__add__product{max-width:200px}.compare-kav__modal__content{padding:24px 24px 0}}@media only screen and (max-width:575px){.compare-kav__compares{margin:0 -12px;padding:0 12px}.compare-kav__compares__item .label{width:var(--w)}.compare-kav__modal__compares__products li{flex-direction:row;max-width:100%;padding:0 0 24px}.compare-kav__modal__compares__products li:nth-child(n+3),.compare-kav__modal__compares__products li:nth-child(even){border-width:0}.compare-kav__modal__compares__products li:not(:first-child){border-top:1px solid #e5e8f3;padding-top:24px}.compare-kav__modal__compares__products li img{width:110px;height:110px;flex:0 0 auto;margin:0 0 0 16px}.compare-kav__modal__compares__products li .content{align-items:flex-start}.compare-kav__modal__compares__products li .title{text-align:right}}.price-view .price{max-width:125px!important}