body{background-color:#fff}.category-item.active{background-color:#e6f4ea;border-radius:8px}.category-item:hover{background-color:#f0f0f0;transform:scale(1.05);border-radius:8px;transition:all .2s ease}.clear-filter-btn{background-color:#065f36;color:white;padding:6px 12px;border:none;border-radius:5px;cursor:pointer}.category-item{display:flex;flex-direction:column;align-items:center;padding:10px;transition:.3s;text-align:center;font-size:14px;color:#333}.listing-card-horizontal{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px;margin-bottom:15px;box-shadow:0 2px 6px rgba(0,0,0,.08);overflow:visible;z-index:0;height:100px;overflow:hidden}.listing-card-horizontal:hover{transform:translateY(-4px);box-shadow:0 6px 14px rgba(0,0,0,.12)}.listing-img{border-radius:8px;object-fit:cover}.listing-info{display:flex;justify-content:space-between;flex:1;padding-left:15px}.container{max-width:90%;margin:auto}.left-info,.right-info{display:flex;flex-direction:column;justify-content:space-evenly}h3{margin:0;font-size:16px;font-weight:400}.date,.location,.price,.rate,.weight{margin:2px 0;font-size:14px;font-weight:400}.trade-container{font-family:Segoe UI,sans-serif;max-width:1200px;margin:0 auto;padding:40px 20px}.section-title{text-align:center;font-size:20px;font-weight:400;margin:40px 0 20px}.category-row{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-bottom:40px}.listings-wrapper.three-cols{grid-template-columns:repeat(3,1fr)}.listings-wrapper.two-cols{grid-template-columns:repeat(2,1fr)}.listings-wrapper{display:grid;gap:20px;justify-content:center;width:auto}@media (max-width:1024px){.listings-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.listings-wrapper{grid-template-columns:1fr}}.loading-spinner{display:flex;flex-direction:column;align-items:center;margin:30px auto;font-weight:300;font-size:14px}.spinner{border:4px solid #f3f3f3;border-top-color:#4ab44c;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.detail-img{width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-bottom:12px}.product-detail-panel{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:20px;height:fit-content;max-width:340px}.trade-layout{display:grid;grid-template-columns:1fr;gap:20px}.trade-layout.with-detail{grid-template-columns:2fr 1fr}.close-btn{background:transparent;border:none;font-size:20px;cursor:pointer;position:absolute;top:10px;right:10px;color:#FF0000;transition:.2s}.details-box{padding:12px;border-radius:8px;margin-bottom:10px}.scrollable{max-height:300px;overflow-y:auto}.detail-row{display:flex;justify-content:space-between;padding:6px 0}.detail-row span:first-child{color:#333}.detail-row span:last-child{color:#555}.product-header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.header-row{display:flex;justify-content:space-between;align-items:center}.product-title{font-size:20;font-weight:400;margin:0}.product-location{font-size:6;color:#555;margin:0}.posted-date-label{font-size:9;color:#444;margin:0}.posted-date{font-weight:200;color:#777;margin:0}.product-left{max-width:70%}.total-box{background:#f1f1f1;padding:10px;border-radius:6px;margin-bottom:15px}.prebook-btn{background-color:#28a745;color:#fff;font-size:13px;width:85px;padding:6px 10px;border:none;border-radius:6px;cursor:pointer;margin-top:6px;transition:background .2s}.prebook-btn:hover{background:#218838}@media (max-width:1024px){.trade-layout.with-detail{grid-template-columns:1fr}.listings-wrapper.three-cols,.listings-wrapper.two-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.listings-wrapper.three-cols,.listings-wrapper.two-cols{grid-template-columns:1fr}}.trade-subtitle{color:#166534;margin-top:-10px;margin-bottom:25px;background:#ecfdf5;padding:8px 16px;border-radius:20px}.trade-banner,.trade-subtitle{text-align:center;font-size:16px;font-weight:500;display:inline-block;border:1px solid #a7f3d0}.trade-banner{background-color:#ecfdf5;color:#065f46;padding:10px 18px;border-radius:50px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-banner{background-color:#f0fdf4;color:#065f46;text-align:center;padding:10px;border-radius:8px;margin:10px 0 20px;font-size:14px;font-weight:500}.trade-hero{background-image:url(/trade/farm-bg.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:12px;padding:60px 20px;margin-bottom:1.5rem;text-align:center;color:white;position:relative;overflow:hidden}.trade-hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}.trade-hero h1{position:relative;font-size:2rem;font-weight:700;z-index:1;color:#fff;letter-spacing:.5px}