.stock-notify-wrapper { margin-top: 16px; }
.stock-notify-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: #fff; border: 2px solid #1976d2; border-radius: 10px; color: #1976d2; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; }
.stock-notify-btn:hover { background: #1976d2; color: #fff; }
.stock-notify-btn:disabled { background: #e8f5e9; border-color: #43a047; color: #2e7d32; cursor: default; }
.stock-notify-btn svg { flex-shrink: 0; }
.stock-notify-btn-mini { display: inline-flex; align-items: center; gap: 4px; padding: 8px 12px; background: #fff; border: 1px solid #1976d2; border-radius: 6px; color: #1976d2; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
.stock-notify-btn-mini:hover { background: #1976d2; color: #fff; }
.stock-notify-btn-mini:disabled { background: #e8f5e9; border-color: #43a047; color: #2e7d32; cursor: default; }
.stock-notify-btn-mini svg { flex-shrink: 0; }
.stock-notify-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; align-items: center; justify-content: center; }
.stock-notify-modal.active { display: flex; }
.stock-notify-modal-content { background: #fff; border-radius: 16px; padding: 32px; max-width: 400px; width: 90%; position: relative; box-shadow: 0 10px 40px rgba(0,0,0,0.2); }
.stock-notify-modal-close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; background: #f5f5f5; border: none; border-radius: 50%; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #666; transition: all 0.2s; }
.stock-notify-modal-close:hover { background: #e0e0e0; color: #333; }
.stock-notify-modal h3 { margin: 0 0 12px; font-size: 20px; color: #222; }
.stock-notify-product-name { font-size: 14px; color: #666; margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid #eee; }
.stock-notify-form { margin-bottom: 16px; }
.stock-notify-field { margin-bottom: 16px; }
.stock-notify-field label { display: block; font-size: 13px; color: #666; margin-bottom: 8px; }
.stock-notify-field input { width: 100%; padding: 14px 16px; border: 2px solid #e0e0e0; border-radius: 10px; font-size: 16px; transition: border-color 0.2s; box-sizing: border-box; }
.stock-notify-field input:focus { outline: none; border-color: #1976d2; }
.stock-notify-field input.error { border-color: #e53935; }
.stock-notify-submit { width: 100%; padding: 14px; background: #1976d2; border: none; border-radius: 10px; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.stock-notify-submit:hover { background: #1565c0; }
.stock-notify-submit:disabled { background: #ccc; cursor: not-allowed; }
.stock-notify-hint { font-size: 12px; color: #888; text-align: center; margin: 0; }
.stock-notify-success { text-align: center; padding: 20px 0; }
.stock-notify-success svg { color: #43a047; margin-bottom: 16px; }
.stock-notify-success p { color: #333; font-size: 15px; margin: 0; }
@media (max-width: 480px) { .stock-notify-modal-content { padding: 24px; border-radius: 16px 16px 0 0; position: fixed; bottom: 0; left: 0; right: 0; max-width: 100%; width: 100%; } .stock-notify-btn-mini { padding: 6px 10px; font-size: 11px; } }