.shop-page{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;color:#e0e0e0}.container{max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.page-subtitle{font-size:1rem;color:#b0b0b0;line-height:1.5}.tcgplayer-banner{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(108,99,255,.4);border-radius:15px;padding:1.5rem;margin-bottom:2rem}.banner-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.banner-icon{width:48px;height:48px;color:#667eea}.banner-text h2{font-size:1.25rem;color:#667eea;margin-bottom:.5rem}.banner-text p{font-size:.95rem;color:#b0b0b0}.banner-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px #6c63ff66}.banner-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6c63ff99}.button-arrow{width:20px;height:20px}.search-filter-section{background:#0f0c2999;border:1px solid rgba(108,99,255,.3);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem}.search-bar{margin-bottom:1rem;position:relative;width:100%;max-width:100%;overflow:hidden}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#0f0c29cc;border:1px solid rgba(108,99,255,.3);border-radius:10px;color:#e0e0e0;font-size:.95rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.search-input::placeholder{color:#6b7280}.filter-section{display:flex;flex-direction:column;gap:1rem}.filter-label{font-weight:600;color:#d1d5db;font-size:.875rem;margin-bottom:.25rem}.filter-select{width:100%;padding:.75rem;background:#0f0c29cc;border:1px solid rgba(108,99,255,.3);border-radius:8px;color:#e0e0e0;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.results-info{margin-bottom:1.5rem;text-align:center;color:#b0b0b0;font-size:.95rem}.products-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.products-grid.hidden{display:none}.product-card{background:#0f0c2999;border:1px solid rgba(108,99,255,.3);border-radius:15px;overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-5px);border-color:#6c63ff;box-shadow:0 10px 30px #6c63ff4d}.product-image-container{position:relative;width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center}.product-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-image svg{width:80px;height:80px;color:#667eea;opacity:.5}.out-of-stock-badge{position:absolute;top:1rem;right:1rem;background:#ef4444e6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600}.product-info{padding:1.25rem}.product-name{font-size:1.125rem;font-weight:700;color:#667eea;margin-bottom:.5rem;line-height:1.3}.product-category{font-size:.8rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.product-description{font-size:.875rem;color:#d1d5db;line-height:1.5;margin-bottom:1rem}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product-price{font-size:1.25rem;font-weight:700;color:#667eea}.add-to-cart-button{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c63ff4d}.add-to-cart-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff80}.add-to-cart-button:disabled{background:#4b556380;cursor:not-allowed;box-shadow:none}.no-results{text-align:center;padding:3rem 1rem}.no-results.hidden{display:none}.no-results-icon{width:80px;height:80px;color:#6b7280;margin:0 auto 1rem}.no-results h3{font-size:1.5rem;color:#9ca3af;margin-bottom:.5rem}.no-results p{color:#6b7280}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.pagination.hidden{display:none}.pagination-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0f0c2999;border:1px solid rgba(108,99,255,.3);border-radius:8px;color:#e0e0e0;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:#667eea33;border-color:#6c63ff}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-button svg{width:16px;height:16px}.page-numbers{display:flex;gap:.5rem;align-items:center}.page-number{padding:.625rem 1rem;background:#0f0c2999;border:1px solid rgba(108,99,255,.3);border-radius:8px;color:#e0e0e0;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:42px}.page-number:hover{background:#667eea33;border-color:#6c63ff}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.page-ellipsis{color:#9ca3af;padding:0 .25rem}@media(min-width:768px){.container{padding:3rem 2rem}.page-header{margin-bottom:3rem}.page-title{font-size:3rem}.page-subtitle{font-size:1.125rem}.tcgplayer-banner{padding:2rem}.banner-content{flex-direction:row;text-align:left;justify-content:space-between}.banner-icon{width:60px;height:60px}.banner-text{flex:1}.banner-text h2{font-size:1.5rem}.banner-text p{font-size:1rem}.banner-button{font-size:1rem;padding:1rem 2rem}.search-filter-section{padding:2rem}.search-bar{margin-bottom:1.5rem}.filter-section{flex-direction:row;align-items:center;gap:1.5rem}.filter-label{margin-bottom:0;white-space:nowrap}.filter-select{width:auto;min-width:200px}.products-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.product-image svg{width:100px;height:100px}.product-name{font-size:1.25rem}.product-description{font-size:.95rem}.results-info{text-align:left;font-size:1rem}}@media(min-width:1024px){.page-title{font-size:3.5rem}.page-subtitle{font-size:1.25rem}.banner-text h2{font-size:1.75rem}.products-grid{grid-template-columns:repeat(3,1fr)}.product-image svg{width:120px;height:120px}}@media(min-width:1280px){.products-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.hidden{display:none}.view-button{display:inline-block;padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6c63ff4d}.view-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff80}.view-button.disabled{background:#4b556380;cursor:not-allowed;box-shadow:none}