#distributor-locator{font-family:"Helvetica Neue",Arial,sans-serif;max-width:900px;margin:40px auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .08);color:#444;line-height:1.6}.filter-group{margin-bottom:30px}#distributor-locator label{display:block;font-weight:500;margin-bottom:12px;color:#333;font-size:16px;letter-spacing:.3px}#distributor-locator select{width:100%;padding:16px 20px;margin-bottom:8px;font-size:16px;color:#333;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;transition:all 0.2s ease}#distributor-locator select:focus{outline:none;border-color:#999;background-color:#fff;box-shadow:0 0 0 3px rgb(150 150 150 / .1)}#distributor-results{margin-top:40px;min-height:120px}.distributor-card{background:#fff;padding:30px;margin-bottom:25px;border-radius:10px;box-shadow:0 3px 10px rgb(0 0 0 / .04);border-left:5px solid #e0e0e0;transition:transform 0.2s ease,box-shadow 0.2s ease}.distributor-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .08)}.distributor-card h3{color:#222;margin:0 0 20px 0;font-size:20px;font-weight:600;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.distributor-card p{margin:0 0 15px 0;font-size:16px;color:#555}.distributor-card strong{color:#333;font-weight:500;display:inline-block;min-width:100px}.distributor-card a{color:#555;text-decoration:none;border-bottom:1px solid #ccc;transition:all 0.2s ease}.distributor-card a:hover{color:#222;border-bottom-color:#999}.initial-message,.loading,.message,.no-results,.error{padding:25px;text-align:center;background:#f8f8f8;border-radius:8px;font-size:16px;margin:20px 0}.error{background:#fef0f0;border-left:5px solid #fcc;color:#c00}@media (max-width:768px){#distributor-locator{padding:30px;margin:20px}#distributor-locator select{padding:14px 18px}.distributor-card{padding:25px}}@media (max-width:480px){#distributor-locator{padding:25px 20px}.distributor-card{padding:20px 15px}.distributor-card strong{display:block;min-width:auto;margin-bottom:5px}}