.listing {display: flex;gap: 16px;background: #fff;border: 1px solid #ddd;border-radius: 8px;padding: 15px;margin-bottom: 15px;transition: 0.2s;}
.listing:hover {box-shadow: 0 3px 12px rgba(0,0,0,0.10);}
.listing-image {width: 150px;height: 150px;flex-shrink: 0;}/* Left Image */
.listing-image img {width: 100%;height: 100%;object-fit: cover;border-radius: 7px;display: block;background: #eee;}
/* Right Information */
.listing-content {flex: 1;min-width: 0;}.listing-title {display: flex;align-items: center;gap: 8px;margin-bottom: 6px;}
.listing-title h2 {margin: 0;font-size: 20px;line-height: 1.3;}
.verified {background: #e7f7ed;color: #16843b;padding: 4px 7px;border-radius: 4px;font-size: 11px;font-weight: bold;white-space: nowrap;}
.location {color: #666;font-size: 14px;margin-bottom: 10px;}
.description {color: #555;font-size: 14px;line-height: 1.5;margin-bottom: 10px;}
/* Tags */
.tags {display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 12px;}
.tag {background: #f1f3f5;color: #555;padding: 5px 8px;border-radius: 4px;font-size: 12px;}
/* Bottom Section */
.listing-footer {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eee;padding-top: 10px;}
.phone {font-size: 15px;font-weight: bold;color: #222;}
.actions {display: flex;gap: 8px;}
.btn {display: inline-block;padding: 8px 13px;border-radius: 5px;text-decoration: none;font-size: 13px;font-weight: bold;}
.btn-view {background: #f1f3f5;color: #333;}
.btn-contact {background: #16843b;color: #fff;}
/* Mobile */
@media (max-width: 600px) {
.container {margin: 10px auto;padding: 0 10px;}
.page-header {padding: 15px;}
.page-header h1 {font-size: 20px;}
.listing {gap: 12px;padding: 12px;}
.listing-image {width: 95px;height: 95px;}
.listing-title {display: block;}
.listing-title h2 {font-size: 16px;margin-bottom: 5px;}
.verified {display: inline-block;}
.location {font-size: 13px;}
.description {font-size: 13px;}
.tags {font-size: 14px;line-height: 1.4;margin: 5px 0;}
.listing-footer {display: block;}
.phone {margin-bottom: 8px;}
.actions {width: 100%;}
.btn {flex: 1;text-align: center;}}
/* Very Small Screens */
@media (max-width: 380px) {
.listing {align-items: flex-start;}
.listing-image {width: 80px;height: 80px;}
.listing-title h2 {font-size: 15px;}
.description {display: none;}}