body{padding:0;margin:0}.spinner{display:flex;justify-content:center;align-items:center;z-index:9999;width:100%;height:100vh}.headerParentDiv{padding:10px;background-color:#f5f5f5;position:fixed;width:100vw;z-index:999}.headerChildDiv{width:100%;display:flex;justify-content:space-between;align-items:center}.placeSearch{width:16em;height:48px;display:flex;align-items:center;padding:0 8px;border:2px solid #002f34;border-radius:4px;background-color:#fff}.placeSearch ::selection{border-color:#23e5db;outline-color:#23e5db}.placeSearch input{border-color:transparent;outline-color:transparent}.productSearch{width:35em;height:48px;border:2px solid #002f34;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:space-between}.productSearch .input{width:100%;height:100%;display:flex}.productSearch .input input{border-color:transparent;outline-color:transparent;width:100%;align-items:center}.productSearch .searchAction{min-width:48px;height:48px;position:relative;display:flex;cursor:pointer;background-color:#002f34;border-radius:0 4px 4px 0}.productSearch .searchAction svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:#fff}.language{height:48px;display:flex;align-items:center}.language span{font-size:15px;white-space:normal;text-overflow:ellipsis;font-weight:bolder;margin-right:5px}.span{text-decoration:none;font-size:16px;white-space:normal;text-overflow:ellipsis;font-weight:bolder;margin-right:5px}.loginPage hr{margin:0;background-color:#000;height:2px}.loginPage a{text-decoration:none}.sellMenu{position:relative;cursor:pointer;right:3%}.sellMenu .all{fill:#fff}.sellMenu .top{fill:#23e5db}.sellMenu .left{fill:#ffce32}.sellMenu .right{fill:#3a77ff}.sellMenu .sellMenuContent{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;letter-spacing:.5px;color:#002f34}.sellMenu .sellMenuContent span{margin-left:5px}.userDropdown{position:relative;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;margin-top:1%}.userName{font-weight:700;font-size:16px}.dropdownContent{display:none;position:absolute;top:100%;left:0;background-color:#fff;padding:8px 12px;border-radius:4px;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;z-index:10;white-space:nowrap}.userDropdown:hover .dropdownContent{display:block}.dropdownContent p{margin:0;font-size:14px;color:#002f34}.dropdownContent p:hover{text-decoration:underline}.brandName{cursor:pointer}@media only screen and (max-width: 700px){.placeSearch,.productSearch,.sellMenu{display:none}}.bannerParentDiv{padding-top:4em;width:100%;background-color:#f8f8f8}.bannerChildDiv{max-width:1200px;margin:0 auto}.menuBar{display:flex;flex-wrap:wrap;align-items:center;padding:10px 16px;gap:12px}.categoryMenu{display:flex;align-items:center;font-weight:700;cursor:pointer;font-size:16px;color:#002f34;gap:6px}.otherQuickOptions{display:flex;flex-wrap:wrap;gap:8px;margin-left:20px}.otherQuickOptions span{background-color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;color:#002f34;border:1px solid #ccc;cursor:pointer;transition:all .2s ease}.otherQuickOptions span:hover{background-color:#002f34;color:#fff;border-color:#002f34}.banner{width:100%;margin-top:12px}.banner img{width:100%;border-radius:8px;object-fit:cover}@media only screen and (max-width: 768px){.menuBar{flex-direction:column;align-items:flex-start}.otherQuickOptions{display:flex;flex-wrap:wrap;margin-left:0;margin-top:10px}.otherQuickOptions span{font-size:12px;padding:6px 10px}.banner img{border-radius:0}}.moreView{margin:16px 6%;padding:24px 16px 32px;background-color:#f2f4f5;border-radius:8px;box-shadow:0 0 10px #0000000d}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.heading :first-child{font-size:22px;font-weight:700;color:#002f34}.heading :last-child{font-size:14px;color:#007bff;cursor:pointer}.moreView .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{background:#fff;border-radius:10px;padding:9px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:83%;margin:15px;width:90%}.card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.card .favorite{display:flex;justify-content:flex-end;margin-bottom:8px}.card .image{display:flex;justify-content:center;align-items:center;height:150px;overflow:hidden;border-radius:8px;margin-bottom:8px}.card .image img{width:100%;height:100%;object-fit:cover}.card .content{color:#002f34}.card .content .rate{font-size:18px;font-weight:700;color:#002f34;margin-bottom:4px}.card .content .kilometer{font-size:14px;color:#757575}.card .content .name{font-size:14px;margin-top:4px;color:#333;font-weight:500}.card .date{display:flex;justify-content:flex-end;margin-top:10px;font-size:12px;color:#888}.footerParentDiv{width:100vw;background-color:#ebeeef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footerParentDiv .content{display:flex;justify-content:space-around;flex-wrap:wrap;padding:32px 16px;background-color:#ebeeef}.footerParentDiv .heading p{font-size:14px;font-weight:700;margin-bottom:8px;color:#002f34;text-transform:uppercase}.footerParentDiv .list{list-style:none;padding:0;margin:0}.footerParentDiv .list li{font-size:14px;color:#555;margin-bottom:8px;cursor:pointer;transition:color .2s ease}.footerParentDiv .list li:hover{color:#000}.footerParentDiv .footer{display:flex;flex-direction:column;align-items:center;padding:16px;background-color:#002f34;color:#f5f5f5;text-align:center;font-size:13px}.footerParentDiv .footer p{margin:4px 0}@media (max-width: 768px){.footerParentDiv .content{flex-direction:column;align-items:center;text-align:center}.footerParentDiv .content>div{margin-bottom:20px}}.signupWrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f2f4f7;padding:1rem}.signupParentDiv{background:#fff;width:100%;max-width:400px;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #0000001f;text-align:center}.signupParentDiv img{margin-bottom:1.5rem}.signupParentDiv form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.signupParentDiv label{font-size:14px;font-weight:600;color:#333}.signupParentDiv .input{padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:all .2s}.signupParentDiv .input:focus{border-color:#007b8f;box-shadow:0 0 0 3px #007b8f33;outline:none}.signupParentDiv button{background-color:#002f34;color:#fff;font-weight:700;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;margin-top:.5rem;transition:all .3s ease}.signupParentDiv button:hover{background-color:#fff;color:#002f34;border:2px solid #002f34}.loginText{margin-top:1.5rem;font-size:14px}.loginText a{color:#002f34;font-weight:600;text-decoration:none}.loginText a:hover{text-decoration:underline}.google-login{width:30px;cursor:pointer;margin:10px auto;display:block;transition:transform .2s ease}.google-login:hover{transform:scale(1.1)}.error{color:#d93025;font-size:12px;margin-top:-6px}.loginWrapper{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f7f8f9}.loginParentDiv{background:#fff;width:360px;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;text-align:center}.loginParentDiv img{margin-bottom:1.5rem}.loginParentDiv form{display:flex;flex-direction:column;gap:1rem}.loginParentDiv label{text-align:left;font-size:14px;color:#333;font-weight:500}.loginParentDiv .input{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:border-color .2s}.loginParentDiv .input:focus{border-color:#002f34;outline:none}.loginParentDiv button{background-color:#002f34;color:#fff;font-weight:700;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s ease}.loginParentDiv button:hover{background-color:#fff;color:#002f34;border:2px solid #002f34}.signupText{margin-top:1rem;font-size:14px}.signupText a{color:#002f34;text-decoration:none;font-weight:600}.signupText a:hover{text-decoration:underline}.error{display:flex;color:#d93025;font-size:12px;margin-top:-10px;justify-content:left}.product-upload-wrapper{display:flex;justify-content:center;align-items:center;padding-top:100px;min-height:100vh;background-color:#f9fafb}.product-upload-card{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:90%;max-width:420px}.product-upload-title{text-align:center;margin-bottom:24px;font-size:24px;color:#002f34;font-weight:700}label{display:block;margin-bottom:6px;font-weight:500;color:#333}.product-input{width:100%;padding:12px 14px;margin-bottom:18px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:all .3s ease-in-out}.product-input:focus{border-color:#002f34;outline:none;box-shadow:0 0 0 2px #002f341a}.product-file-input{margin-bottom:20px}.product-image-preview{margin-bottom:20px;text-align:center}.product-upload-btn{width:100%;height:48px;background-color:#002f34;color:#fff;font-weight:700;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out}.product-upload-btn:hover{background-color:#fff;color:#002f34;border:2px solid #002f34}.error-text{display:flex;color:#d93025;font-size:12px;margin-top:-10px;justify-content:left}.viewParentDiv{padding-top:4em;display:flex;gap:2rem;background-color:#f2f4f5;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.imageShowDiv{flex:2;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:4rem}.imageShowDiv img{width:100%;height:75vh;object-fit:contain;border-radius:8px;background-color:#fff}.rightSection{flex:1;display:flex;flex-direction:column;gap:2rem;margin-top:4rem}.productDetails,.contactDetails{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.productDetails p:first-child{font-size:28px;font-weight:700;color:#002f34;margin-bottom:8px}.productName{font-size:18px;color:#333;display:block;margin-bottom:6px;font-weight:500}.productCategory{font-size:14px;color:#777;margin-bottom:8px}.postedDate{font-size:12px;color:#999}.contactDetails .sectionTitle{font-size:20px;font-weight:600;color:#002f34;margin-bottom:12px}.contactDetails p{font-size:14px;margin:4px 0;color:#444}
