/* MAIN LAYOUT */

.yyk-shop{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:40px;
    max-width:1400px;
    margin:auto;
    }
    
    
    /* SIDEBAR */
    
    .yyk-filters{
    background:#111;
    padding:25px;
    border-radius:8px;
    height:fit-content;
    position:sticky;
    top:120px;
    }
    
    .yyk-filters h3{
    font-size:18px;
    margin-bottom:12px;
    margin-top:25px;
    color:#fff;
    }
    
    
    /* SEARCH INPUT */
    
    .yyk-filters input[type="text"],
    .yyk-filters input[type="number"]{
    
    width:100%;
    padding:10px;
    border-radius:6px;
    border:1px solid #333;
    background:#1b1b1b;
    color:#fff;
    margin-bottom:10px;
    
    }
    
    
    /* FILTER LIST */
    
    .brand-list,
    .size-list{
    
    max-height:200px;
    overflow-y:auto;
    padding-right:5px;
    
    }
    
    
    /* CHECKBOX */
    
    .brand-list label,
    .size-list label{
    
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#ddd;
    margin-bottom:6px;
    cursor:pointer;
    
    }
    
    .brand-list input,
    .size-list input{
    
    accent-color:#ff2d7a;
    
    }
    
    
    /* BUTTON */
    
    #apply-filter{
    
    margin-top:20px;
    width:100%;
    padding:12px;
    border-radius:6px;
    background:#ff2d7a;
    color:#fff;
    font-weight:600;
    border:none;
    cursor:pointer;
    transition:.2s;
    
    }
    
    #apply-filter:hover{
    background:#ff4f95;
    }
    
    
    /* PRODUCTS */
    
    .yyk-products{
    width:100%;
    }
    
    
    /* GRID */
    
    .yyk-grid{
    
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    padding:0;
    list-style:none;
    
    }
    
    
    /* PRODUCT CARD FIX */
    
    .yyk-grid li.product{
    
    width:100% !important;
    
    }
    
    
    /* MOBILE */
    
    @media(max-width:900px){
    
    .yyk-shop{
    grid-template-columns:1fr;
    }
    
    .yyk-filters{
    position:relative;
    top:auto;
    }
    
    .yyk-grid{
    grid-template-columns:repeat(2,1fr);
    }
    
    }


    /* PAGINATION */

.yyk-pagination{
    display:flex;
    gap:10px;
    margin-top:30px;
    flex-wrap:wrap;
    }
    
    .yyk-page{
    
    padding:8px 14px;
    border-radius:6px;
    background:#1b1b1b;
    border:1px solid #333;
    color:#fff;
    cursor:pointer;
    
    }
    
    .yyk-page:hover{
    background:#ff2d7a;
    }

    .yyk-price-range{
        display:flex;
        align-items:center;
        gap:10px;
        }
        
        .yyk-price-info{
        margin-top:6px;
        font-size:13px;
        color:#bbb;
        }


        #price-sort{

            width:100%;
            padding:10px;
            border-radius:6px;
            border:1px solid #333;
            background:#1b1b1b;
            color:#fff;
            margin-bottom:15px;
            
            }