.retail-layout{display:grid;grid-template-columns:25% 75%;gap:20px;margin:20px 0}.retail-sidebar{grid-column:1;box-sizing:border-box}.retail-filters{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px}.retail-sidebar .filter{margin-bottom:20px}.retail-sidebar .filter label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.retail-sidebar .filter input,.retail-sidebar .filter select,.retail-sidebar .filter button{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px;box-sizing:border-box}.retail-sidebar .filter button{background-color:#0073aa;color:#fff;border:none;cursor:pointer;transition:background-color 0.3s ease-in-out}.retail-sidebar .filter button:hover{background-color:#005c8a}.retail-grid{grid-column:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}@media (max-width:768px){.retail-layout{grid-template-columns:1fr}.retail-sidebar{grid-column:1}.retail-grid{grid-column:1}}.retail-items-search{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}.retail-items-search .filter-row,.retail-items-search .sort-row{display:flex;gap:15px;flex-wrap:wrap}#retail-search{flex:1 1 300px;padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:5px;transition:border-color 0.3s ease-in-out}#retail-search:focus{border-color:#0073aa;box-shadow:0 0 5px rgb(0 115 170 / .5)}#retail-price-range{display:flex;gap:10px;align-items:center}#retail-price-range input{width:80px;padding:5px 10px;border:1px solid #ccc;border-radius:5px;transition:border-color 0.3s ease-in-out}#retail-price-range input:focus{border-color:#0073aa;box-shadow:0 0 5px rgb(0 115 170 / .5)}#retail-sort{flex:1 1 200px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#fff;appearance:none;transition:border-color 0.3s ease-in-out}#retail-sort:focus{border-color:#0073aa;box-shadow:0 0 5px rgb(0 115 170 / .5)}#retail-view-toggle{display:flex;gap:10px}#retail-view-toggle button{padding:8px 15px;font-size:14px;border:1px solid #ccc;border-radius:5px;background-color:#ddd;color:#333;cursor:pointer;transition:background-color 0.3s ease-in-out}#retail-view-toggle button.active{background-color:#0073aa;color:#fff;border-color:#0073aa}#retail-items-grid p{font-size:1.2em;text-align:center;color:#555}#retail-items-grid.grid .grid-item{text-align:center;padding:15px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;transition:transform 0.2s ease-in-out}#retail-items-grid.grid .grid-item:hover{transform:scale(1.05)}#retail-items-grid.grid .grid-item img{max-width:100%;height:auto;margin-bottom:10px;border-radius:5px}#retail-items-grid.grid .grid-item .grid-details{display:flex;justify-content:space-between}#retail-items-grid.list .grid-item .grid-details{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}#retail-items-grid.grid .grid-item p{margin:0}#retail-items-grid .grid-item .grid-price{font-size:18px}#retail-items-grid.list{display:flex;flex-direction:column;gap:15px}#retail-items-grid.list .grid-item{display:flex;align-items:center;padding:15px;border:1px solid #ddd;background-color:#f9f9f9;border-radius:8px}#retail-items-grid.list .grid-item a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:center;width:100%}#retail-items-grid.list .grid-item img{max-width:100px;margin-right:15px}#retail-items-grid.list .grid-item-content{display:flex;flex-direction:column}#retail-items-grid.list .grid-item{transition:background-color 0.3s ease-in-out,transform 0.2s ease-in-out}#retail-items-grid.list .grid-item:hover{background-color:#f0f0f0;transform:scale(1.02)}#retail-pagination{margin-top:20px;text-align:center;grid-column:span 3}#retail-pagination .pagination-link{display:inline-block;margin:0 5px;padding:5px 10px;text-decoration:none;border:1px solid #ccc;border-radius:3px;color:#333}#retail-pagination .pagination-link.active{background-color:#0073aa;color:#fff;border-color:#0073aa}#retail-pagination .pagination-link:hover{background-color:#0073aa;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:1000}#modal-info{display:flex;flex-direction:row;align-items:center;text-align:center;gap:10px}#modal-info h2{margin:5px 0;font-size:24px;font-weight:700}#modal-info p{margin:0;font-size:16px;color:#555}.close-modal{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#333}.mfp-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 10px rgb(0 0 0 / .3)}.mfp-bg{background-color:rgb(0 0 0 / .8)}.mfp-close{position:absolute;top:-4px;right:-4px;color:#333;font-size:24px;cursor:pointer;z-index:1100;background:#fff;border-radius:50%;padding:5px;box-shadow:0 2px 5px rgb(0 0 0 / .2);transition:background-color 0.3s ease,color 0.3s ease}.mfp-close:hover{background-color:#0073aa;color:#fff}.mfp-content .modal-content{position:relative;text-align:center;border-radius:8px;max-width:600px;width:90%;margin-top:40px;margin:20px auto 0}.mfp-content .modal-content img{max-width:100%;margin-bottom:20px;border-radius:5px}.mfp-content .modal-content h2{margin-bottom:10px;font-size:24px;font-weight:700}.mfp-content .modal-content p{margin:5px 0;font-size:16px;color:#555}