.main-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.main-layout{grid-template-columns:240px 1fr;gap:2rem}}.sidebar{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d;height:-moz-fit-content;height:fit-content}.category-list .category-item{display:flex;align-items:center;gap:.75rem;padding:.8rem;border-radius:8px;font-weight:500;color:#374151;cursor:pointer;transition:background-color .2s}.category-list .category-item:hover{background-color:#f3f4f6}.category-list .category-item.active{background-color:#fffbeb;color:#d97706;font-weight:600}.category-item .icon{font-size:1.25rem}.category-item .count{margin-left:auto;font-size:.875rem;color:#6b7280}.category-item.active .count{color:#d97706}.category-dropdown-container{display:none;margin-bottom:1.5rem;position:relative;z-index:50}.category-dropdown-btn{width:100%;background:#fff;border:1px solid #e5e7eb;padding:.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d}.category-dropdown-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:.5rem;box-shadow:0 4px 6px -1px #0000001a;max-height:300px;overflow-y:auto}.category-dropdown-menu.open{display:block}.category-dropdown-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;color:#4b5563;font-size:.95rem;cursor:pointer;border-bottom:1px solid #f3f4f6}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background-color:#f9fafb}.category-dropdown-item.active{background-color:#fffbeb;color:#d97706;font-weight:600}.content-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}@media (min-width: 640px){.content-header{flex-direction:row;justify-content:space-between;align-items:baseline}}.filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.filter-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;font-weight:600;background-color:#f3f4f6;color:#4b5563;cursor:pointer}.filter-btn.active{background-color:#fffbeb;color:#d97706}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.game-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 1px 2px #0000000d;opacity:0;animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.game-card .game-image{width:100%;height:190px;background-color:#e5e7eb;border-radius:8px 8px 0 0;overflow:hidden;position:relative;margin-bottom:0}.game-card .game-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.game-card .game-image img.loaded{opacity:1}.game-card .game-info{padding:.75rem;background:#fff;text-align:left}.game-card .game-title{font-size:.85rem;font-weight:600;margin-bottom:.25rem;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;height:2.6em}.game-card .game-sales,.game-card .rating{font-size:.7rem;color:#6b7280;display:inline-block;margin-right:.5rem}.rating{color:#f59e0b}.discount-badge{position:absolute;top:10px;left:10px;background-color:#ef4444;color:#fff;padding:.25rem .6rem;font-size:.8rem;font-weight:700;border-radius:6px;z-index:10}@media (max-width: 1023px){.sidebar{display:none!important}.category-dropdown-container{display:block}.content-header{display:none}}@media (max-width: 768px){.game-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important}.game-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 1px 2px #0000000d!important;overflow:hidden!important}.game-card:hover{transform:none!important}.game-card .game-image{height:auto!important;aspect-ratio:1 / 1!important;border-radius:0!important;margin-bottom:0!important}.game-card .game-info{padding:.5rem!important;text-align:center}.game-card .game-title{font-size:.75rem!important;line-height:1.2!important;margin-bottom:0!important;height:2.4em!important}.game-card .game-sales,.game-card .rating,.discount-badge{display:none!important}}@media (max-width: 480px){.game-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.game-card .game-title{font-size:.65rem!important;line-height:1.1!important}.game-card .game-info{padding:.35rem!important}}