*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f7f6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{z-index:1000;background-color:#fdfdfd;justify-content:space-between;align-items:center;padding:15px 50px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.logo{color:#293746;font-size:24px;font-weight:700}.nav-button{gap:15px;display:flex}.button{cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.nav-button .btnLogin{color:#3498db;background-color:#0000;border:2px solid #3498db}.nav-button .btnLogin:hover{color:#fff;background-color:#3498db;transform:translateY(-2px)}.nav-button .btnCart{color:#fff;background-color:#2ecc71;box-shadow:0 4px 6px #2ecc714d}.nav-button .btnCart:hover{background-color:#27ae60;transform:translateY(-2px);box-shadow:0 6px 12px #2ecc7166}@media (max-width:768px){.navbar{padding:15px 20px}.logo{font-size:20px}}@media (max-width:480px){.navbar{flex-direction:column;gap:10px}.nav-button{justify-content:center;width:100%}.button{padding:8px 15px;font-size:12px}}.main-container{align-items:flex-start;gap:30px;max-width:1200px;margin:0 auto;padding:30px;display:flex}.sidebar{background:#fff;border-radius:15px;flex:0 0 250px;height:fit-content;padding:20px;position:relative;box-shadow:0 4px 15px #0000000d}.sidebar h3{color:#2c3e50;margin-bottom:20px}.filter-group{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.filter-group input[type=text]{border:1px solid #ddd;border-radius:5px;width:100%;padding:8px}.btnFilter{width:100%}.btnFilter:hover{transform:translateY(-5px)}.products-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:stretch;gap:20px;display:grid}.product-card{text-align:center;background:#fff;border-radius:15px;flex-direction:column;padding:20px;transition:transform .3s;display:flex;box-shadow:0 2px 10px #0000000d}.product-card h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin-bottom:10px;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card:hover{transform:translateY(-5px)}.product-image{background-color:#eee;border-radius:10px;justify-content:center;align-items:center;width:100%;height:150px;margin-bottom:15px;font-size:50px;display:flex}.price{color:#000;margin:10px 0;font-weight:700}.btnBuy{width:100%}.btnBuy:hover{background-color:#e0e0e0}@media (max-width:900px){.main-container{flex-direction:column}.sidebar{flex:none;width:100%}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width:400px){.products-grid{grid-template-columns:1fr}}.custom-select{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:5px;position:relative}.custom-select summary{cursor:pointer;color:#333;justify-content:space-between;align-items:center;padding:10px;font-size:14px;display:flex}.custom-select summary:after{content:"▼";color:#888;font-size:10px}.checkbox-list{z-index:999;background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;width:100%;max-height:200px;padding:10px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 5px 15px #0000001a}.checkbox-list label{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:14px;font-weight:400;display:flex}.checkbox-list label:hover{color:#3498db}.custom-select summary::-webkit-details-marker{display:none}.modal-checkbox{display:none}.btnAddGame{color:#fff;text-align:center;background-color:#293746;border-radius:10px;margin-top:20px;padding:12px;font-size:12px;display:block}.modal-overlay{z-index:2000;opacity:0;visibility:hidden;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-window{background:#fff;border-radius:20px;width:90%;max-width:400px;max-height:90vh;padding:30px;transition:all .3s;position:relative;overflow-y:auto;transform:scale(.8)}.modal-checkbox:checked~.modal-overlay{opacity:1;visibility:visible}.modal-checkbox:checked~.modal-overlay .modal-window{transform:scale(1)}.close-btn{cursor:pointer;color:#888;font-size:24px;position:absolute;top:15px;right:20px}.add-game-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;padding:10px}.add-game-form h2{color:#293746}.btnAcceptAdd:hover{transform:translateY(-5px)}.product-detail-container{background:#fff;border-radius:15px;align-items:flex-start;margin-top:20px;padding:40px;box-shadow:0 4px 15px #0000000d}.product-gallery{box-sizing:border-box;flex-direction:column;flex:1;gap:15px;max-width:100%;display:flex}.large-image{background:#eee;border-radius:10px;justify-content:center;align-items:center;width:100%;height:400px;font-size:100px;display:flex}.thumbnails{gap:10px;display:flex}.thumb{cursor:pointer;background:#eee;border-radius:5px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.product-info{flex-direction:column;flex:1;gap:20px;display:flex}.description{flex-grow:1;margin-bottom:20px}.breadcrumb{color:#888;font-size:12px}.price-detail{color:#000;font-size:32px;font-weight:700}.product-meta p{margin-bottom:5px;font-size:14px}.purchase-section{border-top:1px solid #eee;gap:15px;margin-top:20px;padding-top:20px;display:flex}.qty-input{text-align:center;border:1px solid #ddd;border-radius:8px;width:60px;padding:10px}.btnCart:hover{transform:translateY(-5px)}