:root{--primary-color:#007bff;--primary-hover:#0056b3;--success-color:#28a745;--success-hover:#218838;--error-color:#d32f2f;--text-color:#333;--loading-color:#555}.sdc-container{max-width:600px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .1);font-family:'Arial',sans-serif}@media (max-width:400px){.sdc-container{padding:10px;font-size:14px}}.sdc-form{display:flex;gap:10px;margin-bottom:20px}.sdc-form input[type="text"]{flex:1;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;color:var(--text-color)}.sdc-form input[type="text"]::placeholder{color:#aaa;opacity:.6}.sdc-form button{padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background 0.3s;white-space:nowrap;position:relative}@media (max-width:600px){.sdc-form button{width:40px;padding:12px;font-size:0;text-align:center;line-height:1}.sdc-form button::before{content:'🔍';font-size:18px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.sdc-form button:hover{background:var(--primary-hover)}.sdc-result{margin-top:20px}.sdc-available{color:green;font-weight:700;margin:10px 0;display:flex;align-items:center;gap:10px;justify-content:space-between}.sdc-available::after,.sdc-unavailable::after{font-size:14px;vertical-align:middle}.sdc-unavailable{color:red;font-weight:700;margin:10px 0}.sdc-error{color:var(--error-color);margin:10px 0}.sdc-loading{color:var(--loading-color);font-style:italic}.sdc-suggestions-title{font-weight:700;margin:10px 0 5px 0;color:var(--text-color)}.sdc-suggestions{list-style:none;padding:0;margin:10px 0}.sdc-suggestions li{display:flex;align-items:center;gap:10px;margin:5px 0;justify-content:space-between}.sdc-get-now,.sdc-add-to-cart,.sdc-button{background:var(--success-color);color:#fff;padding:8px 15px;border-radius:5px;text-decoration:none;font-size:14px;transition:background 0.3s;border:none;cursor:pointer}.sdc-get-now:hover,.sdc-add-to-cart:hover,.sdc-button:hover{background:var(--success-hover)}.sdc-results p{margin:5px 0}