body{overflow-x:hidden;font-family:Sans-Serif;margin:0}.menu-container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;background:#232323;color:#cdcdcd;padding:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.menu-logo{line-height:0;margin:0 20px}.menu-logo img{max-height:70px;max-width:100px}.menu-container a{text-decoration:none;color:#232323;transition:color .3s ease}.menu-container a:hover{color:#00c6a7}.menu-container input{display:block;width:35px;height:25px;margin:0;position:absolute;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.menu-container span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.menu-container span:first-child{transform-origin:0% 0%}.menu-container span:nth-child(3){transform-origin:0% 100%}.menu-container input:checked~span{opacity:1;transform:rotate(45deg) translate(3px,-1px);background:#232323}.menu-container input:checked~span:nth-child(4){opacity:0;transform:rotate(0) scale(.2)}.menu-container input:checked~span:nth-child(3){transform:rotate(-45deg) translate(-5px,11px)}.menu ul{list-style:none}.menu li{padding:10px 0;font-size:22px}@media only screen and (max-width: 767px){.menu-container{flex-direction:column;align-items:flex-end}.menu-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}.menu-logo img{max-height:30px}.menu{position:absolute;box-sizing:border-box;width:300px;right:-300px;top:0;margin:-20px;padding:75px 50px 50px;background:#cdcdcd;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}.menu-container input:checked~.menu{transform:translate(-100%)}}@media only screen and (min-width: 768px){.menu-container{width:100%}.menu-container a{color:#cdcdcd}.menu-container input,.menu-container span{display:none}.menu{position:relative;width:100%;display:flex;justify-content:flex-end;align-items:center}.menu ul{display:flex;padding:0}.menu li{padding:0 20px}}.theme-toggle-btn{margin:0 10px;background:transparent;border:none;cursor:pointer;font-size:27px;color:#cdcdcd}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}img{width:550px;height:550px}body{margin:0;font-family:Poppins,sans-serif;overflow-x:hidden;height:100vh;width:100vw;background-attachment:fixed}html,body{height:100%}main{display:flex;flex-direction:column;align-items:center;padding:20px;flex:1}.wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.product-list{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;max-width:300px;position:relative}.product-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.product-list:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.product-list:hover .animate-text{transform:translate(0);opacity:1}.product-list:hover .product-img{opacity:.6}.product-list .card-body{padding:15px}.product-list h3{margin:0 0 10px;font-size:1.5em}.product-list p{margin:5px 0}.product-list .bid-btn{background-color:#3498db;color:#fff;border:none;padding:10px;font-size:1em;cursor:pointer;border-radius:5px;transition:background-color .3s}.product-list .bid-btn:hover{background-color:#2980b9}.product-list .bid-input{font-size:14px}div.error{padding:10px;background-color:#fdd;border:1px solid #f00;color:red;border-radius:4px;margin:20px 0}input.error{border:1px solid #f00}span{position:absolute;top:15px;right:15px;cursor:pointer;background-color:#fff;padding:5px;border-radius:50%;color:#333;transition:background-color .3s,color .3s}span:hover{background-color:#e74c3c;color:#fff}.create{max-width:500px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.create h3{margin-bottom:20px;font-size:1.5em;color:#333}.create label{display:block;margin-bottom:8px;font-weight:700;color:#555}.create input[type=text],.create input[type=number]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.create input.error{border-color:red}.create .addProduct-btn{width:100%;padding:10px;background-color:#3498db;border:none;border-radius:4px;color:#fff;font-size:1em;cursor:pointer;transition:background-color .3s}.create .addProduct-btn:hover{background-color:#2980b9}.create .error{margin-top:15px;padding:10px;background-color:#fdd;color:red;border-radius:4px;text-align:center}.add-product .addProduct-btn{width:100%;padding:10px;background-color:#3498db;border:none;border-radius:4px;color:#fff;font-size:1em;cursor:pointer;transition:background-color .3s}article{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}footer{text-align:center;padding:10px;background-color:#9a4ffc;color:#fff}@media (max-width: 1000px){.wrap{flex-direction:column;width:400px}}.full-height{display:flex;justify-content:space-between;align-items:center;width:100vw}.search-box{padding:10px;border:1px solid #ddd;border-radius:5px;width:300px;font-size:1em;box-shadow:0 4px 8px #0000001a;margin-right:50px;margin-left:5px}.new-price{color:red}body{background-image:linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#86a2e6,#72a9e6,#61afe4,#48b3dc,#39b5d0,#3bb7c1,#4ab7b0);color:#333}body.dark-mode{background-image:linear-gradient(to left bottom,#111b55,#0f1d52,#0d1f4f,#0e214c,#0f2249,#062549,#012848,#002b46,#003045,#003341,#00373b,#053935);color:#333}body.dark-mode header{background-color:#555}.search-icon{color:#7373d6;font-size:24px}.theme-toggle-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.theme-toggle-btn:hover{color:#f1c40f}.like-btn{color:#333;border:none;padding:5px 10px;font-size:.8em;cursor:pointer;border-radius:5px;transition:background-color .3s}.like-btn:hover{background-color:#ff60df}.tag-menu .tag-menu-btn{align-items:center;justify-content:center;line-height:1;text-decoration:none;color:#fff;font-size:18px;width:200px;height:40px;font-weight:700;border:none;transition:.3s;background-color:#5f5fc4;margin-left:50px;cursor:pointer}.tag-menu .tag-menu-btn:first-child{margin-left:4opx}.tag-menu-btn:hover{background-color:#008793;border-bottom-width:0;transform:translateY(5px)}select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#fff;color:#333;font-size:1em;cursor:pointer}