@charset "UTF-8";.shop .content{padding-bottom:30px}.shop .content .main-container .slider{background-color:#fff;border-radius:30px 0 0;position:relative;margin-top:30px;margin-bottom:30px}.shop .content .main-container .slider:active{cursor:grab}.shop .content .main-container .slider .item{padding:15px;color:var(--darkGray)}.shop .content .main-container .slider .item .content{box-shadow:0 0 10px #ddddddbe;border:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:20px;margin-inline:5px}.shop .content .main-container .slider .item .content img{width:100px;object-fit:contain}.shop .content .main-container>h3{text-align:center;margin-bottom:35px;font-size:30px;color:var(--secondColor)}.shop .content .main-container .main-page{display:flex;align-items:flex-start;gap:20px}.shop .content .main-container .main-page aside{width:25%;overflow:auto;border:1px solid var(--borderColor);padding:22px;border-radius:15px;background-color:#f8f8fb}.shop .content .main-container .main-page aside div:not(div:last-of-type){padding-bottom:20px;border-bottom:1px solid #e6e6e6}.shop .content .main-container .main-page aside div:not(div:first-of-type){padding-top:20px}.shop .content .main-container .main-page aside h3{font-size:25px;margin-bottom:10px;color:var(--darkGray)}.shop .content .main-container .main-page aside input[type=radio],.shop .content .main-container .main-page aside input[type=checkbox]{display:none}.shop .content .main-container .main-page aside label{font-size:18px;margin-inline-start:35px;position:relative;cursor:pointer;color:var(--darkGray)}.shop .content .main-container .main-page aside label:before{content:"✔";display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #d4d4d4;background-color:#fff;border-radius:5px;position:absolute;inset-inline-start:-35px;top:50%;transform:translateY(-50%);transition:.2s ease;color:#fff}.shop .content .main-container .main-page aside input:checked+label:before{background-color:var(--secondColor);border-color:var(--secondColor)}.shop .content .main-container .main-page aside .sub-categorys ul{display:flex;flex-direction:column;gap:20px}.shop .content .main-container .main-page aside .color ul{display:flex;flex-wrap:wrap;gap:10px;width:100%}.shop .content .main-container .main-page aside .color ul li button{width:20px;height:20px;border-radius:10px;border:none;background-color:#ccc;cursor:pointer}.shop .content .main-container .main-page .products{flex:1}.shop .content .main-container .main-page .products .head{border:1px solid var(--borderColor);background-color:#f8f8fb;padding:15px;margin-bottom:20px;border-radius:15px;display:flex;align-items:center;justify-content:space-between}.shop .content .main-container .main-page .products .head>div:first-of-type{display:flex;align-items:center;gap:10px}.shop .content .main-container .main-page .products .head>div:first-of-type button{border:1px solid var(--borderColor);display:flex;align-items:center;justify-content:center;padding:10px;font-size:17px;border-radius:12px;cursor:pointer;transition:all .3s}.shop .content .main-container .main-page .products .head>div:first-of-type button.active{background-color:var(--secondColor);color:#fff}.shop .content .main-container .main-page .products .head>button{border:none;display:none;align-items:center;justify-content:center;padding:10px;font-size:20px;border-radius:12px;cursor:pointer;transition:all .3s;background-color:var(--secondColor);color:#fff}.shop .content .main-container .main-page .products .all-products{gap:15px;width:100%}.shop .content .main-container .main-page .products .all-products .no-products{text-align:center;padding:20px;font-size:20px}@media(max-width:991px){.shop .content .main-container h3{font-size:20px!important}.shop .content .main-container .main-page{position:relative;overflow:hidden}.shop .content .main-container .main-page aside{position:absolute;z-index:99;top:0;width:80%;transition:all .4s;transform:translate(-100%)}[dir=rtl] .shop .content .main-container .main-page aside{transform:translate(100%)}.shop .content .main-container .main-page aside.active{transform:translate(0)!important}.shop .content .main-container .main-page aside label{font-size:16px!important}.shop .content .main-container .main-page .products .head>button{display:flex}.shop .content .main-container .main-page .products .all-products{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:700px){.shop .slider .item .content p{text-align:center;margin-top:5px;font-size:13px}}