.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}.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%}@media (max-width: 1023px){.sidebar{display:none}}@media (max-width: 640px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}#category-title{font-size:1.75rem}}@media (max-width: 768px){.main-layout{display:block!important;padding:0!important}.breadcrumb{display:none!important}.sidebar{display:block!important;width:100%;background:transparent;box-shadow:none;padding:0 0 5px 12px;margin-bottom:5px;height:auto;position:sticky;top:50px;z-index:40;background-color:#fff;border-bottom:1px solid #f0f0f0}.category-list{display:flex!important;flex-direction:row;overflow-x:auto;gap:10px;padding:10px 12px 5px 0;scrollbar-width:thin;scrollbar-color:#ccc transparent}.category-list::-webkit-scrollbar{display:block!important;height:4px}.category-list::-webkit-scrollbar-track{background:transparent}.category-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.category-list .category-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 16px!important;font-size:.85rem!important;color:#666;margin:0!important;white-space:nowrap}.category-list .category-item.active{background:gold!important;border-color:gold;color:#000!important;font-weight:700;box-shadow:0 2px 5px #ffd7004d}.category-item .count{display:none!important}.content-header{padding:0 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}#category-title{display:none}#total-items-count{font-size:.75rem;margin-left:auto}.filters{padding:0 12px;gap:15px;margin-bottom:15px;border-bottom:1px solid #eee}.filter-btn{background:transparent!important;border:none!important;padding:0 0 8px!important;font-size:.9rem;color:#999;font-weight:600;border-radius:0;position:relative}.filter-btn.active{color:#000!important}.filter-btn.active:after{content:"";display:block;width:20px;height:3px;background:gold;border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#all-games-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px 8px!important;padding:0 12px 60px}.game-card{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0}.game-card:hover{transform:none!important;box-shadow:none!important}.game-card .game-image{width:100%;aspect-ratio:1 / 1!important;height:auto!important;border-radius:14px!important;box-shadow:0 2px 6px #0000000d;margin-bottom:6px}.game-card .game-info{padding:0!important;text-align:center}.game-card .game-title{font-size:.75rem!important;line-height:1.2;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.game-card .game-sales,.game-card .rating,.discount-badge{display:none!important}}
